


/* Start:/bitrix/templates/esh_mobile_vtb_style/css/template.css*/


/* Start:/local/templates/m_vtb2016/css/normalize.css?14775723617798*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
.main-services .servicecard__title .icon.card2card{
  /*  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cardtocard.svg');
}
    .ie8 .main-services .servicecard__title .icon.card2card{
        /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.png');*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cardtocard.png');
    }
 #c2c_top{
	height: 100%;	
}
#c2c_icon{
	background-size: 104px 111px;
    height: 120px;
    width: 160px;
}
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* End */


/* Start:/local/templates/m_vtb2016/css/text.css?14775723613652*/
@font-face {
    font-family: 'MetaMediumCRegular';
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metamediumcwebfont.eot');
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metamediumcwebfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metamediumcwebfont.woff') format('woff'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metamediumcwebfont.ttf') format('truetype'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metamediumcwebfont.svg#MetaMediumCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MetaNormalCItalic';
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metanormalc-italicwebfont.eot');
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metanormalc-italicwebfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metanormalc-italicwebfont.woff') format('woff'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metanormalc-italicwebfont.ttf') format('truetype'),
    url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/metanormalc-italicwebfont.svg#MetaNormalCItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* font-family: "OpenSansLight"; */
@font-face {
    font-family: 'OpenSansLight';
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/opensanslight-webfont.eot');
    src: url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/opensanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/opensanslight-webfont.woff') format('woff'),
         url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/opensanslight-webfont.ttf') format('truetype'),
         url('/bitrix/templates/esh_mobile_vtb_style/css/../fonts/opensanslight-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82.25%;
	line-height: 1.4;
	color: #000000;
}
a {
	color: #075eab;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #0a2973;
	text-decoration: none;
}
.g-content h1, h1, .page-title, .h1 {
    font: 2.2em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: .7em;
    border-bottom: 1px solid #a2a5a8;
    padding-bottom: 6px;
}
.g-content .page-title__nobordered{
    border-bottom: 0;
    padding-bottom: 0;
}
.g-content h2, h2, .h2 {
    font: 1.4em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: 0.5em;
}
.g-content h3, h3, .h3 {
    font: 1.35em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: 0.5em;
}
.g-content h4, h4, .h4 {
    font: 1.3em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: 0.5em;
    margin-top: 1em;
}
.g-content h5, h5, .h5 {
    font: 400 1.2em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: 0.5em;
}
.g-content h6, h6, .h6 {
    font: 400 1.05em/1.1 'MetaMediumCRegular', Arial, sans-serif;
    margin-bottom: 0.5em;
}

.g-content{
	color: #000000;
    font-size: 1.1em;
    line-height: 1.4;
}
.g-content p{
	color: #000000;
    font-size: 1em;
    line-height: 1.6;
}
.g-content p, p{
	margin: 0 0 1em;
}

.g-content p img {
    max-width: 100%;
    height: auto;
}
.g-content p img[style*=left]{
    margin: 5px 25px 15px 0;
}

.g-content p img[style*=right]{
    margin: 5px 0 20px 25px;
}


.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-italic{
    font-style: italic;
}
.text-bold{
    font-weight: bold;
}
/*font-family: 'MetaMediumCRegular',Arial,sans-serif;*/

.g-content .text-gray{
    color: #8d8d8d;
}
.g-content .text-blue{
    color: #004a80;
}
.g-content .text-red{
    color: #ff0000;
}
.g-content .text-big{
    font-size: 1.1em;
}
.g-content .text-small{
    font-size: 0.9em;
}
/* End */


/* Start:/local/templates/m_vtb2016/css/style.css?148181210265978*/
*,
*:before,
*:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
input, textarea{-webkit-user-select: text;}
html,body,ul,li,table,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
ul,li {list-style: none;}
table {border: none;border-collapse: collapse;border-spacing: 0;}
a img {border: none;}
:focus,:active{outline: none}
html, body {
  padding:0;
  margin:0;
  height:100%;
}
body {
  background: #fff;
}

.pull-right{float:right}
.pull-left{float:left}

img {
  max-width: 100%;
}
.img-responsive{
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

body.slideLeft{
  overflow: hidden !important;
}
.slideLeft .l-container{
  -webkit-user-drag: none;
}
.l-wrapper{
  width: 100%;
  height: 100%;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -270px;
  position: relative;
  overflow-x: hidden;
  min-width: 280px;
}
.l-container{
  width: 100%;
  position: relative;
}
.l-footer {
  display:block;
  position:relative;
  width:100%;
  padding:0px;
  margin:0;
  min-width: 280px;
}
.l-footer, .l-push {height: 270px;}


.pushed {
  position: relative;
  left: 0;
  -webkit-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
  /*.slideLeft .pushed {
    left: 400px;
  }
  .no-js .pushed {
    padding-left: 400px;
  }*/

  .pushedten{
    display: none;
  }
  .slideLeft .pushedten {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    z-index: 993;
  }

.menu-panel {
  background: #0a2973;
  width: 550px;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  padding: 0 0 40px 0;
  overflow: hidden;
  -webkit-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  border-top: 2px solid #d2d2d2;
  font-size: 16px;
}
  .js .menu-panel {
    /*position: absolute;*/
    left: -550px;
  }

  .slideLeft .menu-panel {
    left: 0 !important;
  }
  .menu-panel__activity{
    height: 120px;
    padding-right: 108px;
    margin-bottom: 40px;
    border-bottom: 2px solid #d2d2d2;
  }
  .menu-panel .lang{
    position: absolute;
    right: 0;
    top: 0;
    width: 108px;
    height: 118px;
    border-left: 2px solid #d2d2d2;
  }
    .menu-panel .lang a{
      display: block;
      line-height: 118px;
      text-align: center;
      font-size: 2.4em;
      color: #acacac;
      text-decoration: none;
    }
      .menu-panel .lang a:hover{
        text-decoration: none;
        color: #06377b;
        background: #ffffff;
      }

  .menu-panel .scroll-pane{
    max-height: 100%;
  }
  .menu-panel .jspVerticalBar{
    width: 6px;
    background: none;
  }
  .menu-panel .jspTrack{
    background: none;
  }
  .menu-panel .jspDrag{
    background: #3a4b8c;
    border-radius:5px;
  }

/* header search */
.searchmobile{
  position: relative;
  font-size: 1.5em;
}
  .searchmobile .textfield{
    display: inline-block;
    width: 100%;
    line-height: 118px;
    padding: 0 20px 0 90px;
    background: none;
    border: 0;
    color: #d2d2d2;
    font-size: 1.4em;
  }
  .searchmobile .textfield::-moz-placeholder,
  .searchmobile .textfield[type="text"]::-moz-placeholder{
    color: #d2d2d2;
  }
  .searchmobile .textfield:-ms-input-placeholder,
  .searchmobile .textfield[type="text"]:-ms-input-placeholder{
    color: #d2d2d2;
  }
    .searchmobile .textfield:focus{
      color: #06377b;
      background: #ffffff;
    }
  .searchmobile .btn{
    display: block;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 35px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 0;
    background: none;
    background-image: url(/local/templates/m_vtb2016/css/../images/icon_loupe.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
  }
    .searchmobile .btn:active{
      top: 51%;
    }
/* /header search */

.mobilemenu, .mobilesubmenu {
  list-style: none;
  margin: 0; padding: 0;
}

  .mobilemenu .open{
    display: block;
    overflow-y: auto;
	margin-left: 10px;
  }
  
  .mobilemenu {
    display: block;
  }
  .mobilemenu li a.mobilemenu-first-level-link {
    display: block;
    font-family: 'MetaMediumCRegular',Arial,sans-serif;
    color: #fff;
    font-size: 1.77em;
    line-height: 1.3;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
    text-decoration: none;
  }
  .mobilemenu li a:hover,
  .mobilemenu li a.mobilemenu-first-level-link.current{
    background: #3a4b8c;
  }

  .mobilesubmenu {
    display: none;
    margin: 10px 0;
  }
  .mobilesubmenu li a {
    display: block;
    font-family: 'MetaMediumCRegular',Arial,sans-serif;
    color: #fff;
    font-size: 1.42em;
    line-height: 120%
    padding: 5px 20px 5px 50px;
    cursor: pointer;
    text-decoration: none;
  }
  .mobilesubmenu .current{
    text-decoration: underline;
  }
  .mobilesubmenu ul li a {
    padding: 5px 20px 5px 80px;
  }

.l-header{
  position: relative;
  top: 0;
  height: 122px;
  /*background:#c7d9f0;*/
    background-color: #143481;
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/5x5.png');
}
  .headmenu{
    width: 100%;
    position: fixed;
    padding-right: 0;
    height: 122px;
    z-index: 994;
    /*background:rgba(199,217,240,0.9);*/
      background-color: #143481;
      background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/5x5.png');
    border-top: 2px solid #d2d2d2;
    border-bottom: 2px solid #092363;
    min-width: 280px;
  }
    .top .headmenu{
      z-index: 994;
    }
    .fixed .headmenu{
      top: 0;
    }

    .headmenu ul{
      list-style-type: none;
    }
    .headmenu li{
      float: left;
      height: 118px;
    }

    .headmenu .menu-button {
      display: block;
      position: relative;
      width: 80px;
      height: 55px;
      margin: 35px 40px 0;
      cursor: pointer;
    }
    .headmenu .menu-button .icof-burger{
      display: block;
      position: absolute;
      width: 70px;
      height: 7px;
      top: 50%;
      left: 50%;
      margin-left: -35px;
      margin-top: -3px;
      speak: none;
      cursor: pointer;
      z-index: 1000;
      text-indent: -9000px;
      -webkit-touch-callout: none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fff;
    }
    .headmenu .menu-button .icof-burger:before,
    .headmenu .menu-button .icof-burger:after{
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      /*background: #0a2973;*/
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
      .headmenu .menu-button .icof-burger:before{
        top: -20px;
      }
      .headmenu .menu-button .icof-burger:after{
        bottom: -20px;
      }
    .headmenu .menu-button:hover {
      background: none;
    }
    .no-js .headmenu .menu-button {
      display: none;
    }
    .headmenu .iconlink{
      display: block;
      position: relative;
      text-indent: -9000px;
      height: 118px;
      cursor: pointer;
    }
      .headmenu .iconlink:after{
        content:" ";
        display:block;
        position:absolute;
        top:50%;
        left:50%;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
      }
	  
    .headmenu .contacts{
      width: 74px;
    }
      .headmenu .contacts:after{
        width: 45px;
        height: 32px;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_contacts.svg');
        margin:-16px 0 0 -22px;
      }
    .headmenu .atm{
      width: 160px;
    }
	.headmenu .call{
      width: 160px;
    }
      .headmenu .atm:after{
        width: 49px;
        height: 70px;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_atm.svg');
        margin:-35px 0 0 -25px;
        background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
      }
	  .headmenu .call:after{
        width: 63px;
        height: 70px;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/call.svg');
        margin:-35px 0 0 -70px;
        background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
      }
	 

    .headmenu .search-button{
      width: 64px;
      -webkit-touch-callout: none;
    }
      .headmenu .search-button:after{
        width: 32px;
        height: 32px;
        color: #0a2973;
        speak: none;
        cursor: pointer;
        z-index: 1000;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_search.svg');
        margin:-16px 0 0 -16px;
      }
    .headmenu .opened{
      /* background: #f9fcfd; */
    }

  .headlogo{
    position: absolute;
    top: 22px;
    right: 40px;
    z-index: 9;
  }
    .top .headlogo{
      z-index: 994;
    }
    .headlogo a{
      display: block;
      /*width: 200px;*/
      width: 285px;
      height: 77px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size:cover;
      -moz-background-size:cover;
      -webkit-background-size:cover;
      -o-background-size:cover;
    }
      .headlogo_ru a{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/eb_logo.png');
      }
      .headlogo_en a{
        /*background-image: url(/local/templates/m_vtb2016/css/../images/logo_vtb_en.svg);*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/log.png');
      }

/* Forms */
form{margin:0; padding:0;}

input, input[type="text"], input[type="password"], textarea {
  border:1px solid #3a4b8c;
  color:#000000;
  padding:5px 8px;
}
input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000000
}
input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000000
}
textarea {
  overflow: auto;
  resize: none;
}
input, input[type="text"]:focus, input[type="password"]:focus {
  color:#000;
}
textarea:focus {
  color:#000;
}
select {
  border:1px solid #3a4b8c;
  color:#000000;
  padding:5px 8px;
}
select:focus, select:active {
  outline: none;
}
.buttons, input[type="submit"]{
  display:inline-block;
  position:relative;
  height:auto;
  background: #0a2973; color:#ffffff;
  border: 0; padding: 12px 25px;
  text-decoration:none;
}
.buttons:hover, input[type="submit"]:hover{cursor:pointer; color:#ffffff; text-decoration:none;}
input[type="submit"]:active{top:2px;}
.buttons:active{top:2px;}

.form-group{
  margin-bottom: 10px;
}
.form-group span.required{
  color: #ff0000;
}
.form-group input, .form-group select, .form-group textarea{
  width: 100%;
}
.form-group textarea{
  min-height: 150px;
}
.form-group input:focus, .form-group textarea:focus{
  box-shadow: 0 0 5px #abbdd6;
}
.form-group input.error, .form-group textarea.error{
  border:1px solid #ff0000;
  -webkit-box-shadow: #ff0000 0px 0px 3px;
  -moz-box-shadow: #ff0000 0px 0px 3px;
  box-shadow: #ff0000 0px 0px 3px;
}
.form-group label{
  display: block;
  margin-bottom: 10px;
}
.form-group label.error{
  display: none !important;
  color: red;
  font-style: italic;
  font-size: 0.9em;
  margin-top:2px;
  margin-bottom: 0;
}
.form-group .captcha, .form-group .captcha_word{
  display: table-cell;
  vertical-align: top;
}
.form-group .captcha_word{
  margin-right: 10px;
  padding-left: 5px;
}
.form-group .captcha_word input{
  height: 35px;
  line-height: 35px;
}
.submit input{
  width: 100%;
  font-size: 1.15em;
}
/* /Forms */

.g-content{
  padding: 30px;
}
  .g-content_mainpage{
    padding: 0;
  }
.g-content ul li {
  list-style: none;
/*  padding-left: 26px;
  background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/li.png') 0 10px no-repeat;*/
  margin-bottom: 10px;
}

.site-button{
  display: block;
  background: #f6f6f6;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #58595b;
  font-size: 25px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #e1e2e3;
  margin-bottom: 60px;
}
  .site-button:hover{
    color: #58595b;
  }
  .site-button__link{
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.2;
    text-decoration: none;
    color: #58595b;
  }

.l-footer{
  padding: 30px 60px 30px 30px;
  font-size: 1.2em;
}
  .l-footer .site-button{
    display: block;
    float: left;
    background: #0a2973;
    color: #ffffff;
    padding: 0 10px;
    line-height: 43px;
    text-decoration: none;
  }
  .l-footer .social{
    text-align: center;
  }
  .l-footer .social li{
    display: inline-block;
    margin: 0 4px;
  }
  .l-footer .social li a{
    display: block;
    width: 68px;
    height: 68px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/social_new.png');
    background-repeat: no-repeat;
    background-size: 541px 68px;
    -moz-background-size: 541px 68px;
    -webkit-background-size: 541px 68px;
    -o-background-size: 541px 68px;
  }
  .l-footer .social li a.ok{
    background-position: 0 0;
  }
  .l-footer .social li a.fb{
    background-position: -68px 0;
  }
  .l-footer .social li a.vbr{
    background-position: -136px 0;
  }
  .l-footer .social li a.vk{
    background-position: -202px 0;
  }
  .l-footer .social li a.inst{
    background-position: -270px 0;
  }
  .l-footer .social li a.ytb{
    background-position: -338px 0;
  }
  .l-footer .social li a.twt{
    background-position: -474px 0;
  }
  .l-footer .social li a.lnk{
    background-position: -542px 0;
  }

.footmenu{
  clear: both;
  margin-left:-10px;
  padding: 20px 0 10px;
}
  .footmenu li{
    display: inline-block;
    position: relative;
    padding: 3px 10px;
  }
  .footmenu li:last-child {
    display: block;
  }
  .footmenu li:after {
    content:" ";
    display:block;
    position:absolute;
    top:50%;
    left:-1px;
    width:2px;
    height:20px;
    margin-top: -10px;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/separator_footmenu.png') 0 0 no-repeat;
  }
  .footmenu li:first-child:after, .footmenu li:last-child:after{
    display: none;
  }
  .footmenu a{
    color: #8d8d8d;
    text-decoration: underline;
  }
  .footmenu a:hover{
    text-decoration: none;
  }

.l-footer .allsite{
  float: left;
  margin: 20px 0;
}
  .l-footer .allsite a{
    display: inline-block;
    position: relative;
    padding-left: 74px;
    color: #0a2973;
    text-decoration: underline;
    text-align: left;
  }
  .l-footer .allsite a:after {
    content:" ";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:64px;
    height:52px;
    margin-top:-26px;
    background-image: url(/local/templates/m_vtb2016/css/../images/icon_allsites.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
  }
  .l-footer .allsite a:hover{
    text-decoration: none;
  }

.l-footer .copy{
  clear: right;
  float: right;
  margin-top: 20px;
  color: #8d8d8d;
}

/* content */
.section{
  margin-bottom: 40px;
}
.section:last-child{
  margin-bottom: 0;
}

/* b-crumbs */
.b-crumbs {
  font-size: 14px;
  display: table;
  width: 100%;
  word-spacing: -.36em;
  margin: 0 0 15px !important;
}
  .b-crumbs .item {
    display: inline-block;*display: inline;*zoom:1;
    vertical-align: top;
    word-spacing: normal;
    margin-right: 8px;
    padding: 2px 22px 2px 0;
    font-size: 1em;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_crumbs.svg') 100% 50% no-repeat;
    margin-bottom: 0;
  }
    .b-crumbs .item:last-child{
      margin-right: 0;
      padding-right: 0;
      background: none;
    }
    .b-crumbs .item a {
      color: #8d8d8d;
      font-size: 0.85em;
      text-decoration: none;
    }
    .b-crumbs .item a:hover {
      color: #8d8d8d;
      text-decoration: none;
    }
/* /b-crumbs */

/* Pages */
.b-pager{
  margin-bottom: 20px;
}
.e-pages{
  display: table;
  width: 100%;
  border-collapse: collapse;
}
  ul.e-pages li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.1em;
    color: #00428c;
    font-style: italic;
    padding: 6px;
    border: 1px solid #9db8d8;
    background: none;
    margin-bottom: 0;
  }
    .e-pages li.e-first, .e-pages li.e-prev, .e-pages li.e-next, .e-pages li.e-last{
      background: #d4e1f0;
      text-indent: -9999px;
      width: 45px;
      height: 45px;
      padding: 0;
    }
    .e-pages li._disabled{
      opacity: 0.5;
    }
  .e-pages li.e-first a, .e-pages li.e-prev a, .e-pages li.e-next a, .e-pages li.e-last a,
  .e-pages li.e-first span, .e-pages li.e-prev span, .e-pages li.e-next span, .e-pages li.e-last span{
    display: block;
    width: 40px;
    height: 40px;
    margin:0 2px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_pager.svg');
    background-repeat: no-repeat;
    background-size: auto 40px;
    -moz-background-size: auto 40px;
    -webkit-background-size: auto 40px;
    -o-background-size: auto 40px;
  }
    .e-pages li.e-first a, .e-pages li.e-first span{
      background-position: 0 0;
    }
    .e-pages li.e-prev a, .e-pages li.e-prev span{
      background-position: -40px 0;
    }
    .e-pages li.e-next a, .e-pages li.e-next span{
      background-position: -80px 0;
    }
    .e-pages li.e-last a, .e-pages li.e-last span{
      background-position: -120px 0;
    }
/* /Pages */

/* scroll to up */
.scrolltotop{
  display: block;
  width: 230px;
  margin: 0 auto 30px;
}
  .scrolltotop a{
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    color: #14368f;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #0957aa;
    padding: 11px 0;
  }
  .scrolltotop a:after{
    content:" ";
    display:inline-block;
    vertical-align: middle;
    position:relative;
    margin: -3px -4px 0 10px;
    /* top:50%;
    right:20px;
    margin-top: -10px; */
    width:12px;height:19px;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_arrowup.svg?v=1') 0 0 no-repeat;
  }
/* /scroll to up */

/* b-st-btn */
.b-st-btn {
  border: 1px solid #0a2973;
  padding: 0 30px;
  height: 40px;
  background: #0a2973;
  color: #ffffff;
  font: 18px/40px Arial, sans-serif;
  display: inline-block;*display:inline;*zoom:1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}
.b-st-btn:hover, .b-st-btn:focus {
  background-color: #0a2973;
  color: #ffffff;
}
.b-st-btn:active, .b-st-btn._active {
  background-color: #0a2973;
  color: #ffffff;
}
.b-st-btn._disable,.b-st-btn._disable:hover,.b-st-btn._disable._active {
  opacity: 0.5;
  filter:allpha(opacity=50);
  color: #00428c;
  cursor: default;
}
.b-st-btn._disable input {
  cursor: default;
}
.b-st-btn input, .b-st-btn input[type="submit"], .b-st-btn input[type="submit"]:focus {
  display:block;
  position: absolute;
  width: 100%;
  top: -5px;
  right: -5px;
  left: -5px;
  bottom: -5px;
  opacity: 0.01;
  filter:alpha(opacity=1);
  cursor: pointer;
  padding: 0;
}
/* /b-st-btn */

/* b-tabs */
.b-tabs {
  *zoom:1;
  margin: 0 0 35px;
}
.b-tabs .e-tab-bodys {
  border-top: 1px solid #3a4b8c;
  padding: 25px 15px 18px 15px;
  position: relative;
  z-index: 5;
}
.b-tabs .e-tab-bodys .tbody {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: none;
}
.b-tabs .e-tab-bodys .tbody._shown {
  display: block;
}
.b-tabs .e-tab-heads {
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  z-index: 10;
  display: inline-block;*display:inline;*zoom:1;
  vertical-align: bottom;
  padding-right: 1px;
}
.b-tabs .e-tab-heads .thead {
  float: left;
  height: 35px;
  padding: 0 15px;
  border: 1px solid;
  border-color: #90b1d3 #90b1d3 #3a4b8c #90b1d3;
  margin: 0 -1px 0 0;
  cursor: pointer;
  position: relative;
  z-index: 5;
  background: #e8f1fc;
  background: -moz-linear-gradient(top, #ecf5fe 0%, #d5e4f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fe), color-stop(100%,#d5e4f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ecf5fe 0%,#d5e4f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ecf5fe 0%,#d5e4f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ecf5fe 0%,#d5e4f5 100%); /* IE10+ */
  background: linear-gradient(top, #ecf5fe 0%,#d5e4f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fe', endColorstr='#d5e4f5',GradientType=0 ); /* IE6-9 */
  color: #1869b1;
  font-size: 14px;
  line-height: 33px;
}
.b-tabs .e-tab-heads .thead:hover {
  background: #f4f9ff;
  background: -moz-linear-gradient(top, #f4f9ff 0%, #dfebf8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9ff), color-stop(100%,#dfebf8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f9ff 0%,#dfebf8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f9ff 0%,#dfebf8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f9ff 0%,#dfebf8 100%); /* IE10+ */
  background: linear-gradient(top, #f4f9ff 0%,#dfebf8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9ff', endColorstr='#dfebf8',GradientType=0 ); /* IE6-9 */
  color: #4a95d8;
}
.b-tabs .e-tab-heads .thead._active {
  height: 35px;
  line-height: 35px;
  border-color: #3a4b8c #3a4b8c #ffffff #3a4b8c;
  border-bottom: 0;
  margin: 0 -1px 0 0;
  z-index: 7;
  background: #ffffff;
  color: #222222;
  cursor: default;
}

.b-tabs .e-tab-heads .thead._active:after,
.b-tabs .e-tab-heads .thead._active:before {
  content: "";
  width: 5px;
  height: 33px;
  position: absolute;
  background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/tab_sh.png') no-repeat;
  top: 0;
}
.b-tabs .e-tab-heads .thead._active:before {
  left: -6px;
  background-position: 0 -33px;
}
.b-tabs .e-tab-heads .thead._active:after {
  right: -6px;
  background-position: 0 0;
}
/* /b-tabs */
/* small-tabs */
.e-small-tabs {
  text-align: center;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
  .e-small-tabs:after{
    content:" ";
    display:block;
    position:absolute;
    z-index: -1;
    top:50%;
    left:0;
    width:100%;height:1px;
    background: #7498ca;
  }
  .e-small-tabs ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    *display: inline;
    *zoom:1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    0 2px 3px rgba(50, 50, 50, 0.45);
    box-shadow:         0 2px 3px rgba(50, 50, 50, 0.45);
  }

  .e-small-tabs .thead {
    margin: 0;
    background: none;
    float: left;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    padding: 0 13px;
    cursor: pointer;
    border-top: 1px solid #d3e1f3;
    border-bottom: 1px solid #a7bcd4;
    background: rgb(236,245,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(236,245,254,1) 0%, rgba(200,214,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,245,254,1)), color-stop(100%,rgba(200,214,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* W3C */
  }

  .e-small-tabs .thead u {
    text-decoration: none;
    color: #1869b1;
    border-bottom: 0 dashed #1869b1;
  }

  .e-small-tabs .thead._first {
    border-left: 1px solid #c4d4e9;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .e-small-tabs .thead._last {
    border-right: 1px solid #c4d4e9;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
  }

  .e-small-tabs .thead._active {
    border-color: #5a7fb7;
    cursor: default;
    padding: 0;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 100% 0 #7498ca;
  }

  .e-small-tabs .thead._active u {
    color:#fff;
    border: none;
    display: block;
    padding: 0 13px;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 0 -35px;
  }

  .e-small-tabs .thead._first._active {
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 100% 0 #7498ca;
  }

  .e-small-tabs .thead._first._active u, .e-small-tabs .thead._last._active u {
    background: none;
  }

  .e-small-tabs .thead._last._active {
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 0 -35px #7498ca;
  }

.e-display-bodys > .tab-content {
  padding: 0;
  margin: 0;
  background: none;
  display: none;
}
  .e-display-bodys > .tab-content._active {
    display: block;
  }
/* /small-tabs */

/* accordion group */
.accordion_toggle{
  padding-left: 30px;
  margin-bottom: 10px;
}
  .accordion_toggle a{
    position: relative;
    font-size: 1.1em;
    text-decoration: none;
    border-bottom: 1px dashed #075EAB;
  }
    .accordion_toggle a:hover{
      text-decoration: none;
    }
  .accordion_toggle a:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 20px;
    height: 20px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/accordeon_arrow.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .accordion_toggle.current a:after {
    background-position: 0 -20px;
  }

.accordion_content{
  padding-left: 30px;
  margin-bottom: 20px;
}
/* /accordion group */

/* accordion block */
.accordion_block{
  overflow: hidden;
  position: relative;
  margin: 20px -30px;
  padding: 0 30px 20px;
}
  .accordion_block_shadow{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 50px 0 10px;
    margin: 0 -30px;
    text-align: center;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(62%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */

  }
  .accordion_block.bg_gray{
    background: #eaf1ff;
    padding: 20px 30px;
  }
  .accordion_block.bg_gray .accordion_block_shadow{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(234,241,255,0) 0%, rgba(234,241,255,1) 62%, rgba(234,241,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,241,255,0)), color-stop(62%,rgba(234,241,255,1)), color-stop(100%,rgba(234,241,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234,241,255,0) 0%,rgba(234,241,255,1) 62%,rgba(234,241,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234,241,255,0) 0%,rgba(234,241,255,1) 62%,rgba(234,241,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(234,241,255,0) 0%,rgba(234,241,255,1) 62%,rgba(234,241,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(234,241,255,0) 0%,rgba(234,241,255,1) 62%,rgba(234,241,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
  }
  .accordion_block.opened .accordion_block_shadow{
    background: none;
    filter: none;
    padding-top: 0;
  }
  .accordion_block .accordion_block_link{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #075eab;
    border-bottom: 1px dashed #075eab;
    margin-right: 30px;
  }
  .accordion_block .accordion_block_link:after {
    content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 12px;
    top:50%;
    right: -25px;
    margin-top: -6px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/accordeon_arrow_small.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
  }

  .accordion_block .accordion_block_link:hover{
    cursor: pointer;
    border-bottom: 1px dashed transparent;
  }
  .accordion_block .accordion_block_link.opened:after {
    background-position: 0 -12px;
  }
/* /accordion block */


/* link-group */
.e-link-group {
  text-align: center;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
  .e-link-group:after{
    content:" ";
    display:block;
    position:absolute;
    z-index: -1;
    top:50%;
    left:0;
    width:100%;height:1px;
    background: #7498ca;
  }
  .e-link-group ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    *display: inline;
    *zoom:1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    0 2px 3px rgba(50, 50, 50, 0.45);
    box-shadow:         0 2px 3px rgba(50, 50, 50, 0.45);
  }

  .e-link-group .thead {
    margin: 0;
    background: none;
    float: left;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    padding: 0 13px;
    cursor: pointer;
    border-top: 1px solid #d3e1f3;
    border-bottom: 1px solid #a7bcd4;
    background: rgb(236,245,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(236,245,254,1) 0%, rgba(200,214,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,245,254,1)), color-stop(100%,rgba(200,214,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(236,245,254,1) 0%,rgba(200,214,230,1) 100%); /* W3C */
  }

    .e-link-group .thead a {
      text-decoration: none;
      color: #1869b1;
      border-bottom: 0 dashed #1869b1;
    }

    .e-link-group .thead._first {
      border-left: 1px solid #c4d4e9;
      -webkit-border-top-left-radius: 2px;
      border-top-left-radius: 2px;
      -moz-border-radius-bottomleft: 2px;
      -webkit-border-bottom-left-radius: 2px;
      border-bottom-left-radius: 2px;
    }

    .e-link-group .thead._last {
      border-right: 1px solid #c4d4e9;
      -moz-border-radius-topright: 2px;
      -webkit-border-top-right-radius: 2px;
      border-top-right-radius: 2px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px
    }

    .e-link-group .thead._active {
      border-color: #5a7fb7;
      cursor: default;
      padding: 0;
      background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 100% 0 #7498ca;
    }

    .e-link-group .thead._active a {
      color:#fff;
      border: none;
      display: block;
      padding: 0 13px;
      background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 0 -35px;
    }
    .e-link-group .thead._active a:hover {
      cursor: default;
    }
    .e-link-group .thead._first._active {
      background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 100% 0 #7498ca;
    }

    .e-link-group .thead._first._active a, .e-link-group .thead._last._active a {
      background: none;
    }

    .e-link-group .thead._last._active {
      background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/small-tabs-shadow.png') no-repeat 0 -35px #7498ca;
    }
/* /link-group */

/* .b-news-search */
.b-news-search {
  margin: 0;
  min-height: 85px;
}
.b-news-search .w-form {
  margin-bottom: 35px;
}
.b-news-search .w-search-input input {
  padding: 0 7px;
  border: 1px solid #0a2973;
  color: #000000;
  font: 18px/40px Arial, sans-serif;
  margin: 0;
  width: 100%;
  height: 40px;
}
.b-news-search .w-search-input {
  overflow: hidden;
  *margin-top: -18px;
}

.b-news-search input:focus {
  color: #222;
  border-color: #7dbfdb;
}
.b-news-search .w-search-input input._edited {
  color: #222;
}
.b-news-search .w-form .b-st-btn {
  float: right;
  vertical-align: top;
  position: relative;
  left: -3px;
  margin-left: 10px;
}
/* /b-news-search */

/* .b-news-subscribe */
.b-news-subscribe {
  margin: 0;
  min-height: 60px;
  margin-bottom: 20px;
}
.b-news-subscribe .w-form {
  margin: 0;
}
.b-news-subscribe .w-subscribe-input {
  overflow: hidden;
  *margin-top: -18px;
}
  .b-news-subscribe .w-subscribe-input input {
    padding: 0 7px;
    border: 1px solid #0a2973;
    color: #000000;
    font: 18px/40px Arial, sans-serif;
    margin: 0;
    width: 100%;
    height: 40px;
  }
  .b-news-subscribe .w-subscribe-input.error{
    box-shadow: 0 0 3px #ff0000;
  }
  .b-news-subscribe .w-subscribe-input.error input{
    border: 1px solid #ff0000;
  }

.b-news-subscribe span.error{
  color: #ff0000;
  font-size: 0.9em;
}

.b-news-subscribe input:focus {
  color: #222;
  border-color: #7dbfdb;
}

.b-news-subscribe .w-form .b-st-btn {
  float: right;
  vertical-align: top;
  position: relative;
  left: -3px;
  margin-left: 10px;
}
/* /b-news-subscribe */


/* content search form */
/*.b-news-search .w-search-input {
  overflow: hidden;
}

.search-content-panel{
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.search-content-mobile{
  position: relative;
  padding: 0;
  padding-right: 100px;
  font-size: 1.3em;
}
  .search-content-mobile .textfield{
    display: inline-block;
    width: 100%;
    line-height: 40px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #0a2973;
  }
  .search-content-mobile .btn{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 42px;
    border: 0;
    background: #0a2973;
    color: #ffffff;
  }*/
/* /content search */

/* News List */
.b-news-list{}
.b-news-list .b-news-item{
  display: table;
  position: relative;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}
  .b-news-list .b-news-item:after { content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
  .b-news-list .b-news-item .b-news-image{
    display: table-cell;
    vertical-align: top;
    width: 180px;
    padding-right: 20px;
  }
    .b-news-list .b-news-item .b-news-image img{
      width: 100%;
    }
  .b-news-list .b-news-item .b-news-text{
    display: table-cell;
    vertical-align: top;
  }
    .b-news-list .b-news-item .date{
      color: #8d8d8d;
      margin-bottom: 5px;
    }
    .b-news-list .b-news-item h6{
      font-family: Arial, sans-serif;
    }
    .b-news-list .b-news-item .text p{
      margin: 0;
    }
    .b-news-list .b-news-item .path{
      font-size: 0.8em;
      color: #8d8d8d;
      margin-top: 8px;
    }
    .b-news-list .b-news-item .path a{
      font-size: 1em;
      color: #8d8d8d;
    }

.b-news-list.-bordered .b-news-item{
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 20px;
}

/* /News List */

/* News Detail */
.b-news-detail{}
  .b-news-detail .date{
    color: #8d8d8d;
    margin-bottom: 5px;
  }
/* /News Detail */

.all-item-link{
  background: #d4e1f0;
  padding:7px 0;
  text-align: center;
}
.all-item-link a{
  font-style: italic;
  text-decoration: none;
  color: #00428c;
}

.b-currency-list{}

  .b-currency-list .qot-rate .ind {
    padding-left: 7px;
    text-align: right;
  }

  .b-currency-list .qot-rate .ind i {
    width: 9px;
    height: 6px;
    display: block;
    background: url(/local/templates/m_vtb2016/css/../images/ind.png) 0 0 no-repeat;
  }

  .b-currency-list .qot-rate .ind .down {background-position: 0 0;}
  .b-currency-list .qot-rate .ind .up {background-position: 0 -6px;}

  .b-currency-list .cur-rate {
    border-bottom: 0 solid #7498ca;
    width: 100%;
    margin-bottom: 20px;
  }

  .b-currency-list .cur-rate td {
    padding: 5px 0;
    font: 1.1em/1.3 Arial, sans-serif;
    border-top: 0 solid #e4e4e4;
  }

  .b-currency-list .cur-rate .ind {
    padding-right: 7px;
    text-align: left;
  }

  .b-currency-list .cur-rate .ind i {
    width: 9px;
    height: 6px;
    display: block;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ind.png') 0 0 no-repeat;
  }
  .b-currency-list .cur-rate .ind .down {background-position: 0 0;}
  .b-currency-list .cur-rate .ind .up {background-position: 0 -6px;}

  .b-currency-list .cur-rate .cur {
    text-transform: uppercase;
    color: #111;
    padding-right: 7px;
  }

  .b-currency-list .cur-rate  .dsc {
    font-size: 12px;
    line-height: 1.1;
    color: #585858;
  }

  .b-currency-list .cur-rate .val {
    text-align: right;
    min-width: 110px;
    font-size: 1.15em;
    color: #111;
  }

.b-dated-list {}
  .b-dated-list table{
    width: 100%;
    margin-bottom: 10px;
  }
  .b-dated-list td{
    padding-bottom: 10px;
    vertical-align: top;
  }
  .b-dated-list .date{
    color: #8d8d8d;
    width:90px;
  }
  .b-dated-list .descrip{
    padding-left: 10px;
  }
  .b-dated-list .descrip .pl{
    float: right;
  }


/*for tbl2*/
table.tbl2 {
  border-bottom: 1px solid #a1a5a8;
  margin-bottom: 30px;
}
table.tbl2 tbody th {
  background: #0a2973;
  border-top: 0;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  padding: 5px 5px 5px 7px;
}
table.tbl2 tbody tr:hover th {
  background: #0a2973;
  color: #ffffff;
}
table.tbl2 tbody td {
  border-top: 1px solid #bfbfbf;
  padding: 5px 5px 5px 7px;
  text-align: left;
  vertical-align:top;
}
table.tbl2 tbody td:first-child {
  text-align: left;
}
table.tbl2 tbody tr:hover td {
  background: #f2f8fd;
}
table.tbl2 tbody tr.head {
  text-align: left;
}
table.tbl2 tbody tr.head td, table.tbl2 tbody tr.head th {
  border-top: 0;
  padding: 30px 10px 5px 7px;
  text-align: left;
  font-weight: bold;
  vertical-align:top;
  border-top: 1px solid #0a2973;
}
table.tbl2 tbody tr.head:hover td, table.tbl2 tbody tr.head:hover th{
  background: none;
}
table.tbl2 tbody tr.head:first-child td, table.tbl2 tbody tr.head:first-child th{
  padding-top: 5px;
  border-top: 0;
}
table.tbl2 tbody tr.head th:first-child {
  text-align: left;
}
/* /tbl2 */

/* for tbl */
table.fintable td, table.big td {
  border-top: 1px solid #bfbfbf;
  padding: 5px 5px 5px 7px;
  text-align: right;
  min-width: 70px;
  font-size: 0.9em;
}
table.fintable tbody td:first-child,
table.big tbody td:first-child {
  text-align: left;
}
.css table tbody td {
  text-align: left;
}
.css table.fintable tbody td:first-child {
  text-align: left;
}
.css table.fintable tbody td {
  text-align: right;
}
/* /for tbl */

/* content-responsive */
.content-responsive {
  position: relative;
  margin-bottom:20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.content-responsive.noscrolling{
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.content-responsive.noscrolling .scroll-content{
  cursor: inherit !important;
}
.content-responsive .scroll-content{
  min-height: .01%;
  overflow-x: auto;
}
.content-responsive .scroll-left,
.content-responsive .scroll-right{
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
}
  .content-responsive .scroll-left{
    left: -30px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  }
  .content-responsive .scroll-right{
    right: -30px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  }
  .bx-ie9 .content-responsive .scroll-left,
  .bx-ie9 .content-responsive .scroll-right{
    filter:none;
  }
.content-responsive .scroll-left:after,
.content-responsive .scroll-right:after{
  content:"";
  position:absolute;
  top:50%;
  width:11px;
  height:20px;
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/content_responsive_arrows.svg');
  background-repeat: no-repeat;
}
  .content-responsive .scroll-left:after{left: 10px; background-position: 0 0;}
  .content-responsive .scroll-right:after{right: 10px; background-position: -11px 0;}

.content-responsive table{
  width: 100%;
}
.content-responsive table td{
  padding: 5px;
}
/* /content-responsive */

/* b-files */
.b-files {
  overflow: hidden;
}
.b-files .file {
  background: none;
  min-height: 45px;
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 0 40px;
}
.b-files .file .pic {
  position: absolute;
  width: 34px;
  height: 35px;
  background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/files.png') 0 0 no-repeat;
  top: 2px;
  left: 0;
}
.b-files small {
  color: #777777;
  font-size: 0.8em;
  display: block;
  margin-top: 2px;
}
.b-files ._pdf .pic { background-position: 0 -37px;}
.b-files ._doc .pic, .b-files ._docx .pic { background-position: 0 -111px;}
.b-files ._zip .pic { background-position: 0 -74px;}
.b-files ._xls .pic, .b-files ._xlsx .pic { background-position: 0 -149px;}

.b-files .webcast {
  background: none;
  min-height: 45px;
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 0 40px;
}
  .b-files .webcast .pic {
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ico_webcast.png') no-repeat;
    position: absolute;
    top: -1px;
    left: 0;
    width: 31px;
    height: 24px;
  }

.b-files .release {
  background: none;
  min-height: 45px;
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 0 40px;
}
  .b-files .release .pic {
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ico_release.png') no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
    width: 35px;
    height: 35px;
  }

/* /b-files */





/* group contacts */
.scheme-federation{
  position: relative;
  background: #d4e1f0;
  text-align: center;
  padding:6px 4px;
  margin: 40px 0 30px;
}
  .scheme-federation:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 100%;
    right: 0;
    width: 324px;
    height: 174px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/contacts_tower.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
  }

  .scheme-federation a{
    font-style: italic;
    text-decoration: none;
    color: #00428c;
  }
    .scheme-federation a:before {
      content: " ";
      display: block;
      position: absolute;
      z-index: 0;
      bottom: 100%;
      right: 0;
      width: 220px;
      height: 140px;
    }


.group-contacts-link{
  overflow: hidden;
}
a.askaquestion, a.leavefeedback {
  display: inline-block;
  position: relative;
  padding-left: 60px;
  margin: 25px 0;
}
  a.askaquestion{
    margin-right:30px;
  }
  a.askaquestion:before, a.leavefeedback:before {
    content: " ";
    display: block;
    position: absolute;
    float: left;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
  }
    a.askaquestion:before{
      background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_question.png');
    }
    a.leavefeedback:before{
      background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_feedback.png');
    }
/* /group contacts */

/* list */
.b-retail-list{}
  .b-retail-list .b-retail-item{
    padding: 30px 0;
    border-bottom: 1px solid #bfbfbf;
  }
    .b-retail-list .b-retail-item:first-child{
      padding-top: 10px;
    }
    .b-retail-list .b-retail-item:last-child{
      border-bottom: 0;
      padding-bottom: 10px;
    }

    .b-retail-list .b-retail-item .b-retail-item-tbl{
      display: table;
      margin-bottom: 10px;
    }
      .b-retail-list .b-retail-item .b-retail-item-image{
        display: table-cell;
        vertical-align: top;
        width: 180px;
        padding-right: 20px;
      }
        .b-retail-list .b-retail-item .b-retail-item-image img {
          width: 100%;
        }
      .b-retail-list .b-retail-item .b-retail-item-links{
        display: table-cell;
        vertical-align: top;
      }
    .b-retail-list .b-retail-item .b-retail-item-content p{
      margin-bottom: 5px;
    }

    .b-retail-list .b-retail-item .b-retail-item-title{
      font-weight: bold;
      text-transform: uppercase;
    }
    .b-retail-list .b-retail-item .b-phones-title{
      font-weight: normal;
    }

/* /list */

/* ir ratings */
.tbl2.ir-ratings-tbl td:nth-child(3),
.tbl2.ir-ratings-tbl td:nth-child(4){
  color: #8d8d8d;
  white-space: nowrap;
}
/* /ir ratings */

/* /content */

/* askaquestion */
.askaquestion .askaquestion-form{
  max-width: 600px;
}
/* /askaquestion */


/* quote */
.b-quote{
  background: #eaf1ff;
  margin: 20px -30px;
  padding: 20px 30px;
}
  .b-quote .b-quote-wrap{
    display: table;
  }
  .b-quote .b-quote-image{
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
  }
    .b-quote .b-quote-image img{
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -o-border-radius:5px;
      -khtml-border-radius:5px;
      -ms-border-radius:5px;
    }
  .b-quote .b-quote-text{
    display: table-cell;
    vertical-align: top;
    font-style: italic;
  }
  .b-quote .b-quote-text .lBullet,
  .b-quote .b-quote-text .rBullet {
    bottom: -1px;
    color: #00428c;
    display: inline-block;
    font-size: 2.2em;
    line-height: 10px;
    position: relative;
  }
  .b-quote .b-quote-author{
    font-style: normal;
    margin-top:10px;
  }
/* /quote */

/* video */
.b-video{
  display: inline-block;
  max-width: 100%;
}
.b-video .downloadvideo{
  text-align: right;
}
/* /video */

/* b-text-note */
.b-text-note {
  margin: 30px 10px;
  padding: 15px 35px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  *zoom:1;
  clear:both;
}
.b-text-note .e-title {
  color: #222222;
  font-size: 1.1em;
  text-transform: uppercase;
}
.b-text-note .descr {
  color: #585858;
  font-size: 0.9em;
  padding-bottom: 2em;
}
/* /b-text-note */


/* ext links */
.ext{
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ext.gif');
  background-position: 100% 4px;
  background-repeat: no-repeat;
  padding-right: 15px;
  border: none;
}
.menu-panel .ext{
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ext-light.gif');
}
.mobilemenu li a.ext{
  background-image: none;
}
.mobilemenu li a.ext:after{
  content: "";
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  width: 11px;
  height: 9px;
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ext-light.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 7px;
}
/* /ext links */


/* overlay */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left:0;
  right:0;
  bottom:0;
  top:0;
  background: rgba(0,0,0,0.3);
  z-index: 9990;
  display: none;
}

/* popups */
.b-popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  z-index: 9991;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  width: 700px;
  height: 541px;
  margin: -270px 0 0 -350px;
}
.b-popup .e-header {
  height: 34px;
  background: #c4e3ff;
  position: relative;
  *zoom:1;
}
.b-popup .e-header .close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 8px;
  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/close.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 15px 30px;
    -moz-background-size: 15px 30px;
    -webkit-background-size: 15px 30px;
    -o-background-size: 15px 30px;
}
.b-popup .e-header .close:hover {
  background-position:0 -15px;
  cursor: pointer;
}

.b-popup .e-body {
  padding: 15px 20px;
  position: relative;
}

.b-popup .e-title {
  font: 2em/1 'metamediumcregular', Arial;
  margin-bottom: 35px;
}
.b-popup .e-footer {
  padding: 20px 30px;
}

/* b-popup-ext-link */
.b-popup_extlink{
  width: 480px;
  height: auto;
  margin: -150px 0 0 -240px;
}
.b-popup_extlink .e-body{
  padding: 30px 50px;
}
.b-popup_extlink .e-body a{
  color: #00428c;
  font-size: 16px;
}
.b-popup_extlink .e-title {
  margin-top: 30px;
  margin-bottom: 15px;
}
.b-popup_extlink .e-footer {
  padding: 20px 50px;
  text-align: center;
}
.b-popup_extlink .e-footer a{
  display: inline-block;
  min-width: 100px;
  padding: 6px 20px;
  margin: 0 20px;
  text-align: center;
  cursor: pointer;
  color: #00428c;
  font-size: 16px;
}
.b-popup_extlink .e-footer a.goto-link{
  font-family: 'metanormalcitalic';
  background: #d4e1f0;
  text-decoration: none;
  min-width: 160px;
}

.main-slider__bg-line{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 122px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/main-slider__bg-line.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
  }
.main-slider{
    border-bottom: 2px solid #ffffff;
	overflow: hidden;
}
.main-slider__wrapper{
    width: 100%;
	/*height: 100%;*/
	height: auto;
    overflow: hidden;
    position: relative;
}
.main-slider .slide-btn{
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -26px;
  right: 40px;
  padding: 12px 35px;
  text-decoration: none;
  color: #ffffff;
  background-color: #d00;
  font-size: 1.4em;
}
.main-slider .slide {
    float: left;
    position: relative;
    width: 100%;
}
.main-slider .slide__image {
    display: block;
    position: relative;
    width: 100%;
    /*height: 100%;*/
    height: auto;
    z-index: 1;
}
.main-slider .slide .slide__image-logo{
    display: none;
    position: absolute;
    width: 235px;
    height: 125px;
    left: 40px;
    top: 50%;
    margin-top: -63px;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/main-slider__logo.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 235px 125px;
    -moz-background-size: 235px 125px;
    -webkit-background-size: 235px 125px;
    -o-background-size: 235px 125px;

}
.main-slider .slide .slide__image img{
  display: block;
  width: 100%;
}
.main-slider .slide-content {
    position: absolute;
    height: 100%;
    z-index: 2;
    top: 0;
}

.main-slider__prev, .main-slider__next {
    display: none;
    position: absolute;
    height: 260px;
    width: 30px;
    top: 50%;
    margin-top: -130px;
    background-color: rgba(255, 255, 255, 0.7);
}
.main-slider__prev:hover, .main-slider__next:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
}
.main-slider__prev {
    left: 0;
}
.main-slider__next {
    right: 0;
}
.main-slider__pager {
    position: absolute;
    z-index: 9;
    right: 15px;
    bottom: 15px;
}
.main-slider__pager a {
    border: 2px solid #264489;
    background-color: #264489;
    border-radius: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px;
}
.main-slider__pager a:hover {
    background-color: #3257ac;
    border-color: #3257ac;
}
.main-slider__pager a span {
    display: none;
}
.main-slider__pager a.selected {
    border: 2px solid #264489;
    background-color: inherit;
}

.ie8 .main-slider__pager a{
    border: 0;
    background-color: inherit;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/slider-pager-bullet.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ie8 .main-slider__pager a:hover{
    background-position: 0 -10px;
}
.ie8 .main-slider__pager a.selected {
    background-position: 0 -20px;
}

.main-services{
  overflow: hidden;
}
.main-services .servicecard__wrap-col{
  width: 25%;
  float: left;
  margin-bottom: 2px;
}
.main-services .servicecard__wrap-col {
  border-right: 1px solid #dfe0e1;
}
.main-services .servicecard__wrap-col:last-child {
  border-right: none;
}
.main-services__item{
}
.main-services .servicecard{
    position: relative;
    height: 375px;
    padding-bottom: 90px;
}
.main-services .servicecard__content{
    display: block;
    position: absolute;
    width: 100%;
    height: 285px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}
.main-services .servicecard__content:before{
    /*content: "";*/
    /*position: absolute;*/
    /*z-index: -1;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100px;*/
    /*background: #e8f1f7;*/
}
.main-services .servicecard__content:after{
    /*content: "";*/
    /*position: absolute;*/
    /*z-index: -1;*/
    /*top: 100px;*/
    /*left: 50%;*/
    /*margin-left: -150px;*/
    /*width: 0px;*/
    /*height: 0;*/
    /*border-left: 150px solid transparent;*/
    /*border-right: 150px solid transparent;*/
    /*border-top: 50px solid #e8f1f7;*/
}
.main-services .servicecard__top{
    position: relative;
    overflow: hidden;
    /*height: 140px;*/
    height: 156px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.main-services .servicecard__top_blue{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/blur_blue.png');*/
}
.main-services .servicecard__top_purple{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/blur_purple.png');*/
}
.main-services .servicecard__top_green{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/blur_green.png');*/
}
.main-services .servicecard__top_lime{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/blur_lime.png');*/
}
.main-services .servicecard__title{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 25px;
}

.main-services .servicecard__title .caption{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.73em;
    text-transform: uppercase;
    color: #004584;
    -webkit-transition: color .3s, border-bottom-color .3s;
    -moz-transition: color .3s, border-bottom-color .3s;
    -o-transition: color .3s, border-bottom-color .3s;
    transition: color .3s, border-bottom-color .3s;
}

.main-services .servicecard__content:hover .servicecard__title .caption{
  color: #4a95d8;
}
.main-services .servicecard__title .icon{
    display: block;
    position: absolute;
    left: 45%;
    margin-left: -28px;
    margin-top: 5px;
    /*width: 57px;*/
    width: 90px;
    /*height: 57px;*/
    height: 90px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    -webkit-background-size: 90px 90px;
    -o-background-size: 90px 90px;
}

.main-services .servicecard__title .icon.card2card{
  /*  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cardtocard.svg');
}
    .ie8 .main-services .servicecard__title .icon.card2card{
        /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.png');*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cardtocard.png');
    }


.main-services .servicecard__title .icon.cashcredit{
  /*  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/card.png');
}
    .ie8 .main-services .servicecard__title .icon.cashcredit{
        /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.png');*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/card.png');
    }
.main-services .servicecard__title .icon.fast{
  /*  background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/fast.svg');
}
    .ie8 .main-services .servicecard__title .icon.fast{
        /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/cashcredit.png');*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/fast.png');
    }

.main-services .servicecard__title .icon.hypothec{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/hypothec.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/home.svg');
}
    .ie8 .main-services .servicecard__title .icon.hypothec{
       /* background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/hypothec.png');*/
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/home.png');
    }

	
.main-services .servicecard__title .icon.esh_online{
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/esh_online.svg');
}
    .ie8 .main-services .servicecard__title .icon.esh_online{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/esh_online.png');
    }
	


.main-services .servicecard__title .icon.deposits{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/deposits.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/homer.svg');
}
    .ie8 .main-services .servicecard__title .icon.deposits{
        /*background-image: url(/img/deposits.png);*/
		background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/homer.png');
    }

.main-services .servicecard__title .icon.creditcards{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/creditcards.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/card.svg');
	
}
    .ie8 .main-services .servicecard__title .icon.creditcards{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/card.png');
    }
.main-services .servicecard__title .icon.auto{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/creditcards.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/car.svg');
	
}
.main-services .servicecard__title .icon.online-card{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/creditcards.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/online-card.svg');
	
}
    .ie8 .main-services .servicecard__title .icon.auto{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/car.png');
    }
	.ie8 .main-services .servicecard__title .icon.online-card{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/online-card.png');
    }
	
.main-services .servicecard__title .icon.c2c{
    /*background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/creditcards.svg');*/
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/car.svg');
	
}
 .ie8 .main-services .servicecard__title .icon.c2c{
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/car.png');
    }
	
.main-services .servicecard__middle{
    height: 145px;
    line-height: 145px;
}
.main-services .servicecard__middle-container{
    display: inline-block;
    vertical-align: middle;
    line-height: 58px;
}
.main-services .percent{
    font-family: 'OpenSansLight', 'HelveticaLight';
    font-size: 2.22em;
    letter-spacing: -0.07em;
    color: #d00;
}
.main-services .percent-big{
    font-size: 1.87em;
    letter-spacing: -0.07em;
}

.main-services .servicecard__footer{
    position: absolute;
    width: 100%;
    height: 90px;
    line-height: 90px;
    bottom: 0;
    vertical-align: middle;
    background: #143481;
    padding: 0 15px;
    text-align: center;
}
.main-services .servicecard__footer-link{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-right: 30px;
    color: #ffffff;
    font-size: 1.45em;
    /*line-height: 16px;*/
    border-bottom: 0;
    text-transform: uppercase;
}
.main-services .servicecard__footer-link:hover{
    color: #ffffff;
    border-bottom: 0;
}
.main-services .servicecard__footer-link .caption{
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
}
.main-services .servicecard__footer-link .arrow{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 11px;
    height: 16px;
    background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/servicecard-arrow.gif') 0 0 no-repeat;
	background-size: 11px 16px;
	  -moz-background-size: 11px 16px;
	  -webkit-background-size: 11px 16px;
	  -o-background-size: 11px 16px;
}
.main-internetservices__link{
  display: block;
  position: relative;
  padding: 28px 30px;
  border-bottom: 2px solid #e7e8e9;
  font-size: 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #58595b;

}
  .main-internetservices__link:hover{
    color: #58595b;
  }
  .main-internetservices__link:after{
      content: "";
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -17px;
      width: 20px;
      height: 35px;
      background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/arrow_main-internetservices__link.gif') 0 0 no-repeat;
	  background-size: 20px 35px;
	  -moz-background-size: 20px 35px;
	  -webkit-background-size: 20px 35px;
	  -o-background-size: 20px 35px;
  }
.main-news{
  font-size: 18px;
}
  .main-news .main-news__heading{
    display: block;
    padding: 30px 0;
    margin: 0;
    border-bottom: 2px solid #092363;
    background-color: #14368f;
    color: #ffffff;
    /*text-transform: uppercase;*/
    text-align: center;
    font-size: 1.73em;
    font-family: Arial, Helvetica, sans-serif;
  }
  .main-news .main-news__item{
    display: table;
    height: 150px;
    width: 100%;
    margin: 0;
    padding: 0 65px;
    border-bottom: 2px solid #e8e9ea;
    background: none;
  }
    .main-news .main-news__item .news__content{
      display: table-cell;
      vertical-align: middle;
    }
      .main-news .main-news__item .news__content .news__date{
        margin-bottom: 10px;
        color: #d00;
      }
      .main-news .main-news__item .news__content .news__description{
        font-size: 1.28em;
        line-height: 26px;
      }
        .main-news .main-news__item .news__content .news__description a{
          color: #14368f;
          text-decoration: none;
        }
  .main-news .main-news__more{
    padding: 30px 65px;
  }
    .main-news .main-news__more a{
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 1.25em;
      color: #d2d2d2;
    }
      .main-news .main-news__more a:after{
        content: "";
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -10px;
        width: 10px;
        height: 17px;
        background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/arrow_main-news__more.gif') 0 0 no-repeat;
		background-size: 10px 17px;
		  -moz-background-size: 10px 17px;
		  -webkit-background-size: 10px 17px;
		  -o-background-size: 10px 17px;
      }
.main-currency-rates{
  width: 100%;
  overflow: hidden;
  padding: 40px 30px;
  background-color: #c7d9f0;
  border-bottom: 2px solid #96afcf;
  border-top: 2px solid #96afcf;
  font-size: 25px;
}
	.main-currency-rates .e-title{
	  display: inline-block;
	  vertical-align: top;
	  width: 40%;
	  margin: 0 -2px;
	  font-size: 1em;
	  font-family: Arial, Helvetica, sans-serif;
	  text-transform: uppercase;
	  color: #414042;
	}
		.main-currency-rates .e-title.e-title_date{
		  vertical-align: bottom;
		}
		.main-currency-rates .e-title .cur-date{
		  display: block;
		  margin-top: 5px;
		  font-family: Helvetica, sans-serif;
		  font-size: 0.8em;
		  color: #d00;
		}
	.main-currency-rates  .cur-rate{
	  overflow: hidden;
	  display: inline-block;
	  vertical-align: top;
	  width: 60%;
	  margin: 0 -2px;
	}
		.main-currency-rates  .cur-rate .cur-rate__item{
		  display: inline-block;
		  vertical-align: top;
		  width: 33%;
		  margin: 0 -2px;
		  text-align: center;
		  line-height: 1em;
		}
			.main-currency-rates  .cur-rate .cur-rate__item.cur-rate__item-val{
				vertical-align: bottom;
			}
			.main-currency-rates  .cur-rate .cur-rate__item .cur{
				display: inline-block;
				position: relative;
				padding-left: 40px;
				font-size: 0.84em;
				color: #414042;
			}
			.main-currency-rates  .cur-rate .cur-rate__item .cur:before{
				content: "";
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -9px;
				width: 35px;
				height: 19px;
				background-repeat: no-repeat;
				background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/ind.png');
				background-size: 35px 40px;
				  -moz-background-size: 35px 40px;
				  -webkit-background-size: 35px 40px;
				  -o-background-size: 35px 40px;
			  }
			  .main-currency-rates  .cur-rate .cur-rate__item .cur.down:before{
				background-position: 0 0;
			  }
			  .main-currency-rates  .cur-rate .cur-rate__item .cur.up:before{
				background-position: 0 -20px;
			  }
			.main-currency-rates  .cur-rate .cur-rate__item .val{
				margin-top: 5px;
				font-size: 1em;
				color: #414042;
			}
@media screen and (max-width: 500px){
#c2c_icon{
    margin-left: -88px;
}

  .b-popup_extlink{
    width: 96%;
    left: 2%;
    height: auto;
    top: 70px;
    margin: 0;
  }
  .b-popup_extlink .e-body{
    padding: 30px;
  }
  .b-popup_extlink .e-title {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .b-popup_extlink .e-footer{
    padding: 0 30px 20px;
  }
  .b-popup_extlink .e-footer a{
    margin: 5px 15px;
  }
  .b-popup_extlink .e-footer a.goto-link{
    min-width: 200px;
  }
  
}
@media screen and (max-width: 360px){

 
  .b-popup_extlink .e-footer a.goto-link{
    min-width: auto;
    width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
 .main-services .servicecard__title .caption{
	font-size: 1.5em;
 }
 .main-services .servicecard__title .icon{
	margin-top:10px;
 }
}
/* /b-popups */
/* End */


/* Start:/local/templates/m_vtb2016/css/media.css?148241030130969*/
@media screen and (max-width: 1200px){
	.main-services .servicecard__wrap-col{
	  width: 50%;
	}
	.main-services .servicecard__wrap-col {
	  border-right: none;
	}
	.main-services .servicecard__wrap-col:nth-child(odd) {
	  border-right: 1px solid #dfe0e1;
	}
	.main-services .servicecard__wrap-col:nth-child(even) {
	  border-left: 1px solid #dfe0e1;
	}
}
@media screen and (max-width: 991px){
  .l-header{
    height: 94px;
  }
  .headmenu{
    height: 94px;
    border-top: 2px solid #d2d2d2;
    border-bottom: 2px solid #747474;
  }
    .headmenu li{
      height: 90px;
    }

    .headmenu .menu-button {
      width: 60px;
      height: 45px;
      margin: 22px 30px 0;
    }
    .headmenu .menu-button .icof-burger{
      width: 55px;
      height: 6px;
      margin-left: -27px;
      margin-top: -3px;
      -webkit-touch-callout: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
      .headmenu .menu-button .icof-burger:before,
      .headmenu .menu-button .icof-burger:after{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
      }
      .headmenu .menu-button .icof-burger:before{
        top: -15px;
      }
      .headmenu .menu-button .icof-burger:after{
        bottom: -15px;
      }

    .headmenu .atm{
      height: 90px;
      width: 110px;
    }
	.headmenu .call{
      height: 90px;
      width: 110px;
    }
	
      .headmenu .atm:after{
        width: 39px;
        height: 55px;
        margin-top:-27px;
        margin-left: -20px;
      }
	  .headmenu .call:after{
        width: 50px;
        height: 55px;
        margin-top:-27px;
        margin-left: -20px;
      }
	  
	
    .headmenu .search-button{
      width: 64px;
      -webkit-touch-callout: none;
    }
      .headmenu .search-button:after{
        width: 32px;
        height: 32px;
        color: #0a2973;
        speak: none;
        cursor: pointer;
        z-index: 1000;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_search.svg');
        margin:-16px 0 0 -16px;
      }
    .headmenu .opened{
      /* background: #f9fcfd; */
    }

  .headlogo{
    top: 15px;
  }
    .headlogo a{
      width: 250px;
      height: 57px;
    }
  .main-slider__bg-line{
    height: 94px;
  }
  .main-slider .slide-btn{
    margin-top: -18px;
    padding: 7px 22px;
    font-size: 1.1em;
  }
  .main-slider .slide .slide__image-logo{
    width: 188px;
    height: 100px;
    left: 30px;
    margin-top: -50px;
    background-size: 188px 100px;
    -moz-background-size: 188px 100px;
    -webkit-background-size: 188px 100px;
    -o-background-size: 188px 100px;
  }

    .jspContainer
   {
        width: 450px !important;
   }

   .jspPane
   {
       width: 450px !important;
   }
  .menu-panel {
    width: 450px;
    font-size: 100%;
  }
  .menu-panel__activity{
    height: 92px;
    padding-right: 90px;
    margin-bottom: 30px;
  }
    .menu-panel .lang{
      width: 90px;
      height: 90px;
    }
      .menu-panel .lang a{
        line-height: 90px;
      }
  .mobilemenu li a.mobilemenu-first-level-link{
    padding-left: 20px;
    padding-right: 20px;
  }
  .searchmobile .btn{
    width: 36px;
    height: 36px;
    margin-top: -16px;
    left: 30px;
  }
  .searchmobile .textfield{
    line-height: 90px;
    padding-left: 80px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px){
  .l-header{
    height: 84px;
  }
  .headmenu{
    height: 84px;
  }
    .headmenu li{
      height: 80px;
    }

    .headmenu .menu-button {
      width: 55px;
      height: 40px;
      margin: 22px 25px 0;
    }
    .headmenu .menu-button .icof-burger{
      width: 50px;
      height: 5px;
      margin-left: -25px;
      margin-top: -2px;
    }
      .headmenu .menu-button .icof-burger:before{
        top: -13px;
      }
      .headmenu .menu-button .icof-burger:after{
        bottom: -13px;
      }

    .headmenu .atm{
      height: 80px;
      width: 95px;
    }
	.headmenu .call{
      height: 80px;
      width: 95px;
    }
	
      .headmenu .atm:after{
        width: 34px;
        height: 48px;
        margin-top:-24px;
        margin-left: -17px;
      }
      .headmenu .call:after{
        width: 34px;
        height: 48px;
        margin-top:-24px;
        margin-left: -17px;
      }

    .headmenu .search-button{
      width: 64px;
      -webkit-touch-callout: none;
    }
      .headmenu .search-button:after{
        width: 32px;
        height: 32px;
        color: #0a2973;
        speak: none;
        cursor: pointer;
        z-index: 1000;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_search.svg');
        margin:-16px 0 0 -16px;
      }
    .headmenu .opened{
      /* background: #f9fcfd; */
    }

  .headlogo{
    top: 13px;
  }
    .headlogo a{
      width: 184px;
      height: 50px;
    }
  .main-slider__bg-line{
    height: 84px;
  }
  .main-slider .slide-btn{
    margin-top: -17px;
    padding: 8px 21px;
    font-size: 1em;
  }
  .main-slider .slide .slide__image-logo{
    width: 150px;
    height: 80px;
    left: 25px;
    margin-top: -40px;
    background-size: 150px 80px;
    -moz-background-size: 150px 80px;
    -webkit-background-size: 150px 80px;
    -o-background-size: 150px 80px;
  }

  .l-wrapper{margin-bottom: -240px;}
  .l-footer, .l-push {height: 240px;}
  .slideLeft .pushed {
    left: 320px;
  }
  .no-js .pushed {
    padding-left: 320px;
  }
  .menu-panel {
    width: 400px;
    font-size: 77.25%;
  }
  .js .menu-panel {
    left: -400px;
  }
  .menu-panel__activity{
    height: 82px;
    padding-right: 90px;
    margin-bottom: 30px;
  }
    .menu-panel .lang{
      width: 90px;
      height: 80px;
    }
      .menu-panel .lang a{
        line-height: 80px;
      }
  .mobilemenu li a.mobilemenu-first-level-link{
    padding-left: 20px;
    padding-right: 20px;
  }

  .searchmobile .btn{
      left: 22px;
      width: 28px;
      height: 28px;
      margin-top: -14px;
    }
      .searchmobile .btn:active{
        top: 51%;
      }
  .searchmobile .textfield{
    line-height: 80px;
    padding: 0 10px 0 60px;
  }
  .scrolltotop{
    width: 180px;
  }
    .scrolltotop a{
      font-size: 1.1em;
    }
  .l-footer{
    font-size: 1.1em;
  }
    .l-footer .social li a{
      width: 55px;
      height: 55px;
      background-size: 391px 55px;
      -moz-background-size: 391px 55px;
      -webkit-background-size: 391px 55px;
      -o-background-size: 391px 55px;
    }
      .l-footer .social li a.fb{
        background-position: 0 0;
      }
      .l-footer .social li a.tw{
        background-position: -50px 0;
      }
      .l-footer .social li a.yt{
        background-position: -100px 0;
      }
  .l-footer .allsite a{
    padding-left: 64px;
  }
    .l-footer .allsite a:after{
      width:54px;
      height:44px;
      margin-top:-22px;
    }


  .b-quote .b-quote-image img{width: 120px;}
  .tbl2.ir-ratings-tbl tr:first-child{
    background: #0a2973
  }
  .tbl2.ir-ratings-tbl th, .tbl2.ir-ratings-tbl td{
    display: block;
    float: left;
    height: 100%;
    border-top: 0;
  }
  .tbl2.ir-ratings-tbl th:first-child, .tbl2.ir-ratings-tbl td:first-child{
    display: block;
    width: 100%;
    float: none;
    border-top: 1px solid #bfbfbf;
  }
  .tbl2.ir-ratings-tbl th:nth-child(2), .tbl2.ir-ratings-tbl td:nth-child(2){width: 25%;}
  .tbl2.ir-ratings-tbl th:nth-child(3), .tbl2.ir-ratings-tbl td:nth-child(3){width: 41%;}
  .tbl2.ir-ratings-tbl th:nth-child(4), .tbl2.ir-ratings-tbl td:nth-child(4){width: 34%;}
  .main-services .servicecard__content:after{
    top: 100px;
    left: 0;
    width: 100%;
    height: 40px;
    border: none;
    margin: 0;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/servicecard__content-arrow.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 374px 40px;
    -moz-background-size: 374px 40px;
    -webkit-background-size: 374px 40px;
    -o-background-size: 374px 40px;

  }
  .l-footer .social li a.fb{
	background-position: -75px 0;
  }
}
@media screen and (max-width: 680px){
  .main-currency-rates .cur-rate .cur-rate__item .cur{
    font-size: 0.74em;
  }
}

@media screen and (max-width: 600px){
  .l-header{
    height: 70px;
  }
  .headmenu{
    height: 70px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #747474;
  }
    .headmenu li{
      height: 68px;
    }

    .headmenu .menu-button {
      width: 45px;
      height: 35px;
      margin: 16px 20px 0;
    }
    .headmenu .menu-button .icof-burger{
      width: 38px;
      height: 4px;
      margin-left: -19px;
      margin-top: -2px;
    }
      .headmenu .menu-button .icof-burger:before{
        top: -11px;
      }
      .headmenu .menu-button .icof-burger:after{
        bottom: -11px;
      }

    .headmenu .atm{
      height: 68px;
      width: 80px;
    }
    .headmenu .call{
      height: 68px;
      width: 20px;
    }
	
      .headmenu .atm:after{
        width: 28px;
        height: 40px;
        margin-top:-20px;
        margin-left: -30px;
      }
      .headmenu .call:after{
        width: 35px;
        height: 40px;
        margin-top:-20px;
        margin-left: -25px;
      }

    .headmenu .search-button{
      width: 64px;
      -webkit-touch-callout: none;
    }
    .headmenu .search-button:after{
        width: 32px;
        height: 32px;
        color: #0a2973;
        speak: none;
        cursor: pointer;
        z-index: 1000;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_search.svg');
        margin:-16px 0 0 -16px;
    }
    .headmenu .opened{
      /* background: #f9fcfd; */
    }
    .servicecard__title .icon {
        left: 52% !important;
    }
  .headlogo{
    top: 13px;
    right: 25px;
  }
    .headlogo a{
      /*width: 110px;*/
      width: 170px;
      height: 42px;
    }
  .main-slider__bg-line{ height: 70px; }
  .main-slider{ border-bottom: 1px solid #ffffff; }
  .main-slider .slide-btn{
    margin-top: -14px;
    padding: 5px 10px;
    font-size: 0.9em;
    right: 25px;
  }
  .main-slider .slide .slide__image-logo{
    width: 125px;
    height: 66px;
    left: 20px;
    margin-top: -33px;
    background-size: 125px 66px;
    -moz-background-size: 125px 66px;
    -webkit-background-size: 125px 66px;
    -o-background-size: 125px 66px;
  }

  .l-wrapper{margin-bottom: -240px;}
  .l-footer, .l-push {height: 240px;}
  .slideLeft .pushed {
    left: 280px;
  }
  .no-js .pushed {
    padding-left: 280px;
  }
  .menu-panel {
    width: 280px;
    font-size: 77.25%;
    border-top: 1px solid #d2d2d2;
  }
  .js .menu-panel {
    left: -280px;
  }
  .menu-panel__activity{
    height: 69px;
    padding-right: 80px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
  }
    .menu-panel .lang{
      width: 80px;
      height: 68px;
      border-left: 1px solid #d2d2d2;
    }
      .menu-panel .lang a{
        line-height: 68px;
      }
  .mobilemenu li a.mobilemenu-first-level-link{
    padding-left: 20px;
    padding-right: 20px;
  }

  .searchmobile .btn{
      left: 22px;
      width: 28px;
      height: 28px;
      margin-top: -14px;
    }
      .searchmobile .btn:active{
        top: 51%;
      }
  .searchmobile .textfield{
    line-height: 68px;
    padding: 0 10px 0 60px;
  }

  .l-footer{
    padding: 40px;
  }

  .main-services .servicecard{
      height: 270px;
      padding-bottom: 65px;
      font-size: 12px;
  }
  .main-services .servicecard__content{
      height: 205px;
  }
  .main-services .servicecard__content:before{
      height: 70px;
  }
  .main-services .servicecard__content:after{
    top: 70px;
    height: 35px;
  }
  .main-services .servicecard__top{
      height: 105px;
      background-size: 211px 130px;
      -moz-background-size: 211px 130px;
      -webkit-background-size: 211px 130px;
      -o-background-size: 211px 130px;
  }
  .main-services .servicecard__title{
      padding-top: 20px;
  }
  .main-services .servicecard__title .icon{
      margin-left: -20px;
      width: 40px;
      height: 40px;
      background-size: 40px 40px;
      -moz-background-size: 40px 40px;
      -webkit-background-size: 40px 40px;
      -o-background-size: 40px 40px;
  }

  .main-services .servicecard__middle{
      height: 100px;
      line-height: 100px;
  }
  .main-services .servicecard__middle-container{
      font-size: 12px;
      line-height: 30px;
  }
  .main-services .percent-big{
      font-size: 1.58em;
      letter-spacing: -0.07em;
  }

  .main-services .servicecard__footer{
      height: 65px;
      line-height: 65px;
  }
  .main-services .servicecard__footer-link{
      padding-right: 25px;
  }
  .main-services .servicecard__footer-link .arrow{
      margin-top: -6px;
      width: 8px;
      height: 12px;
      background-size: 8px 12px;
      -moz-background-size: 8px 12px;
      -webkit-background-size: 8px 12px;
      -o-background-size: 8px 12px;
  }
  .main-internetservices__link{
	  padding: 20px 30px;
	  font-size: 22px;
      border-bottom: 1px solid #e7e8e9;
	}
	  .main-internetservices__link:after{
		  margin-top: -14px;
		  width: 15px;
		  height: 26px;
		  background-size: 15px 26px;
		  -moz-background-size: 15px 26px;
		  -webkit-background-size: 15px 26px;
		  -o-background-size: 15px 26px;
	  }
  .main-news{
	  font-size: 15px;
  }
	.main-news .main-news__heading{
		padding: 25px 0;
    border-bottom: 1px solid #88131c;
	}
	.main-news .main-news__item{
		padding: 0 30px;
    border-bottom: 1px solid #e8e9ea;
	}
		.main-news .main-news__item .news__content .news__description{
			line-height: 22px;
		}
	.main-news .main-news__more{
		padding: 25px 30px;
	}
  .main-currency-rates{
	  font-size: 20px;
	  padding: 30px 0 30px 30px;
    border-bottom: 1px solid #96afcf;
    border-top: 1px solid #96afcf;
  }
	.main-currency-rates  .cur-rate .cur-rate__item .cur:before{
		margin-top: -8px;
		width: 30px;
		height: 17px;
		background-size: 30px 34px;
		  -moz-background-size: 30px 34px;
		  -webkit-background-size: 30px 34px;
		  -o-background-size: 30px 34px;
	  }
	  .main-currency-rates  .cur-rate .cur-rate__item .cur.up:before{
		background-position: 0 -15px;
	  }
  .site-button{
	  padding: 15px 10px;
	  font-size: 22px;
	  margin-bottom: 40px;
    border-bottom: 1px solid #e1e2e3;
    border-top: 1px solid #ffffff;
  }
  .scrolltotop{
	  margin: 0 auto 10px;
  }
  .main-currency-rates .cur-rate .cur-rate__item .cur{
    font-size: 0.74em;
  }
  .main-services .servicecard__wrap-col{
    margin-bottom: 1px;
  }
  .main-services .servicecard__wrap-col:nth-child(odd){
    border-right: 0;
  }
  .scrolltotop a{
    border: 1px solid #0957aa;
  }

    .jspContainer
    {
    	width: 280px !important;
    }

    .jspPane
    {
        width: 280px !important;
    }

}

@media screen and (max-width: 480px){
	
    .jspContainer
       {
       	width: 230px !important;
       }

       .jspPane
       {
           width: 230px !important;
       }
  .main-slider .slide .slide__image-logo{
    width: 100px;
    height: 53px;
    margin-top: -26px;
    left: 15px;
    background-size: 100px 53px;
    -moz-background-size: 100px 53px;
    -webkit-background-size: 100px 53px;
    -o-background-size: 100px 53px;
  }
  .main-slider .slide-btn{
    right: 15px;
  }
  .l-footer{
    padding: 30px;
  }

  .l-footer .social li{
    margin: 1px 6px;
  }
  .l-footer .social{
	text-align: center;
	width: 200px;
	margin: auto;
  }

    .l-footer .social li a{
      width: 50px;
      height: 50px;
      background-size: 400px 50px;
      -moz-background-size: 400px 50px;
      -webkit-background-size: 400px 50px;
      -o-background-size: 400px 50px;
	  background-repeat: repeat-x;
    }
      .l-footer .social li a.ok{
        background-position: 0 0;
      }
      .l-footer .social li a.fb{
        background-position: -50px 0;
      }
      .l-footer .social li a.vbr{
        background-position: -100px 0;
      }
      .l-footer .social li a.vk{
        background-position: -150px 0;
      }
      .l-footer .social li a.inst{
        background-position: -200px 0;
      }
      .l-footer .social li a.ytb{
        background-position: -250px 0;
      }
      .l-footer .social li a.twt{
        background-position: -300px 0;
      }
      .l-footer .social li a.lnk{
        background-position: -350px 0;
      }

  .b-st-btn{
    padding: 0 20px;
  }

  .g-content{
    font-size: 0.95em;
  }
  a.askaquestion, a.leavefeedback {
    padding-left: 30px;
    margin: 12px 0;
  }
  a.askaquestion{
    margin-right:15px;
  }
  a.askaquestion:before, a.leavefeedback:before {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .scheme-federation:before {
    width: 220px;
    height: 118px;
  }
    .scheme-federation a:before {
      width: 170px;
      height: 95px;
    }
  .b-news-search .w-search-input input,
  .b-news-subscribe .w-subscribe-input input{
    font-size: 16px;
  }
  .b-news-search .w-form .b-st-btn,
  .b-news-subscribe .w-form .b-st-btn{
    font-size: 16px;
    padding: 0 10px;
  }

  .b-quote .b-quote-image img{width: 80px;}
  .main-services .servicecard{
      height: 200px;
      padding-bottom: 50px;
      font-size: 9px;
  }
  .main-services .servicecard__content{
      height: 150px;
  }
  .main-services .servicecard__content:before{
      height: 50px;
  }
  .main-services .servicecard__content:after{
    top: 50px;
    height: 25px;
  }
  .main-services .servicecard__top{
      height: 75px;
      background-size: 146px 90px;
      -moz-background-size: 146px 90px;
      -webkit-background-size: 146px 90px;
      -o-background-size: 146px 90px;
  }
  .main-services .servicecard__title{
      padding-top: 12px;
  }
  .main-services .servicecard__title .icon{
      margin-left: -15px;
      width: 30px;
      height: 30px;
      margin-top: 0;
      background-size: 30px 30px;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      -o-background-size: 30px 30px;
  }

  .main-services .servicecard__middle{
      height: 75px;
      line-height: 75px;
  }
  .main-services .servicecard__middle-container{
      font-size: 8px;
      line-height: 20px;
  }
  .main-services .percent-big{
      font-size: 1.58em;
      letter-spacing: -0.07em;
  }
  .main-services .servicecard__footer{
      height: 50px;
      line-height: 50px;
  }
  .main-services .servicecard__footer-link{
      padding-right: 20px;
  }
  .main-services .servicecard__footer-link .arrow{
      margin-top: -5px;
      width: 7px;
      height: 10px;
      background-size: 7px 10px;
      -moz-background-size: 7px 10px;
      -webkit-background-size: 7px 10px;
      -o-background-size: 7px 10px;
  }
  .main-currency-rates{
	  font-size: 16px;
	  padding: 20px 0 30px 20px;
  }
	.main-currency-rates  .cur-rate .cur-rate__item .cur{
		padding-left: 30px;
	}
	.main-currency-rates  .cur-rate .cur-rate__item .cur:before{
		margin-top: -7px;
		width: 25px;
		height: 14px;
		background-size: 25px 28px;
		  -moz-background-size: 25px 28px;
		  -webkit-background-size: 25px 28px;
		  -o-background-size: 25px 28px;
	  }
  .main-internetservices__link{
	  padding: 15px 30px;
	  font-size: 18px;
	}
	  .main-internetservices__link:after{
		  margin-top: -10px;
		  width: 11px;
		  height: 20px;
		  background-size: 11px 20px;
		  -moz-background-size: 11px 20px;
		  -webkit-background-size: 11px 20px;
		  -o-background-size: 11px 20px;
	  }
  .main-news{
	  font-size: 12px;
  }
	.main-news .main-news__heading{
		padding: 18px 0;
	}
		.main-news .main-news__item{
			height: 120px;
		}
		.main-news .main-news__item .news__content .news__description{
			line-height: 18px;
		}
		.main-news .main-news__more a:after{
			margin-top: -7px;
			width: 7px;
			height: 12px;
			background-size: 7px 12px;
			  -moz-background-size: 7px 12px;
			  -webkit-background-size: 7px 12px;
			  -o-background-size: 7px 12px;
		  }
	.main-news .main-news__more{
		padding: 25px 30px;
	}
  .site-button{
	  font-size: 18px;
  }
}
@media screen and (max-width: 410px){
  .l-wrapper{
    margin-bottom: -220px;
  }
  .l-footer, .l-push{
    height: 220px;
  }
  .b-quote .b-quote-image{
    display: block;
    float: left;
  }
  .b-quote .b-quote-text{
    display: inline;
  }
}
@media screen and (max-width: 379px){

  .slideLeft .pushed {
    left: 230px;
  }
  .no-js .pushed {
    padding-left: 230px;
  }
  .menu-panel {
    width: 230px;
  }
  .js .menu-panel {
    left: -230px;
  }
  .menu-panel__activity{
    height: 53px;
    padding-right: 45px;
    font-size: 0.8em;
  }
  .menu-panel .lang{
    height: 52px;
    width: 45px;
  }
    .menu-panel .lang a{
      line-height: 52px;
    }
  .searchmobile .textfield{
    height: 52px;
    line-height: 52px;
    padding-left: 38px;
  }
  .searchmobile .btn{
    width: 20px;
    height: 20px;
    margin-top: -11px;
    left: 13px;
  }

  .g-content {
    padding: 30px 15px;
  }
    .g-content_mainpage{
      padding: 0;
    }
  .l-footer{
    padding: 20px;
  }
  .l-header{
    height: 51px;
  }
  .headlogo{
    top: 11px;
    right: 15px;
  }
    .headlogo a{
      width: 102px;
      height: 28px;
    }
  .headmenu{
    height: 54px;
  }
    .headmenu li{
      height: 53px;
    }
    .headmenu .iconlink{
      height: 53px;
    }
    .headmenu .atm{
      width: 54px;
    }
    .headmenu .call{
      width: 54px;
    }
	
      .headmenu .atm:after{
        width: 20px;
        height: 28px;
        margin:-14px 0 0 -10px;
      }
      .headmenu .call:after{
        width: 25px;
        height: 28px;
        margin:-14px 0 0 -10px;
      }
	  
    .headmenu .menu-button {
        width: 30px;
        height: 22px;
        margin: 16px 15px 0;
    }
      .headmenu .menu-button .icof-burger{
          width: 28px;
          height: 3px;
          margin-left: -14px;
          margin-top: -2px;
      }
        .headmenu .menu-button .icof-burger:before{
            top: -8px;
        }
        .headmenu .menu-button .icof-burger:after{
            bottom: -8px;
        }

  .scrolltotop{
    width: 130px;
  }
 /* .l-footer .social li{
    margin: 0 6px;
  }
    .l-footer .social li a{
      width: 30px;
      height: 30px;
      background-size: 90px 30px;
      -moz-background-size: 90px 30px;
      -webkit-background-size: 90px 30px;
      -o-background-size: 90px 30px;
    }
      .l-footer .social li a.fb{
        background-position: 0 0;
      }
      .l-footer .social li a.tw{
        background-position: -30px 0;
      }
      .l-footer .social li a.yt{
        background-position: -60px 0;
      }*/
  .l-footer .allsite a{
    padding-left: 41px;
  }
    .l-footer .allsite a:after{
      width:34px;
      height:28px;
      margin-top:-14px;
    }

  .b-news-list .b-news-item .b-news-image{
    width: 120px;
  }
  .b-retail-list .b-retail-item .b-retail-item-image{
    width: 120px;
  }


  .e-pages li.e-first, .e-pages li.e-prev, .e-pages li.e-next, .e-pages li.e-last{
    width: 35px;
    height: 35px;
  }
  .e-pages li.e-first a, .e-pages li.e-prev a, .e-pages li.e-next a, .e-pages li.e-last a,
  .e-pages li.e-first span, .e-pages li.e-prev span, .e-pages li.e-next span, .e-pages li.e-last span{
    width: 30px;
    height: 30px;
    background-size: auto 30px;
    -moz-background-size: auto 30px;
    -webkit-background-size: auto 30px;
    -o-background-size: auto 30px;
  }
    .e-pages li.e-first a, .e-pages li.e-first span{
      background-position: 0 0;
    }
    .e-pages li.e-prev a, .e-pages li.e-prev span{
      background-position: -30px 0;
    }
    .e-pages li.e-next a, .e-pages li.e-next span{
      background-position: -60px 0;
    }
    .e-pages li.e-last a, .e-pages li.e-last span{
      background-position: -90px 0;
    }
  .e-pages .hidden{
    display: none;
  }

  .main-slider{
    width: 132%;
    margin-left: -18%;
  }
  .main-slider__bg-line{
    height: 54px;
    width: 132%;
    margin-left: -18%;
  }
  .main-slider .slide-btn{
    right: 13%;
    margin-top: -12px;
    padding: 3px 5px;
    font-size: 0.9em;
  }
  .main-slider .slide .slide__image-logo{
    width: 80px;
    height: 43px;
    margin-top: -21px;
    left: 15%;
    background-size: 80px 43px;
    -moz-background-size: 80px 43px;
    -webkit-background-size: 80px 43px;
    -o-background-size: 80px 43px;
  }

  .main-services .servicecard{
    height: 163px;
    padding-bottom: 40px;
    font-size: 8px;
  }
  .main-services .servicecard__content{
      height: 163px;
  }
    .main-services .servicecard__content:before{height: 40px;}
    .main-services .servicecard__content:after{top: 40px;}

  .main-services .servicecard__middle{
      height: 58px;
      line-height: 58px;
  }
  .main-services .servicecard__footer{
      height: 40px;
      line-height: 40px;
  }

  .main-services .servicecard__top{height: 70px;}
  .main-services .servicecard__title{ padding-top: 7px;}
  .main-services .servicecard__title .icon{
      margin-left: -15px;
      width: 28px;
      height: 28px;
      margin-top: 0;
      background-size: 28px 28px;
      -moz-background-size: 28px 28px;
      -webkit-background-size: 28px 28px;
      -o-background-size: 28px 28px;
  }

  .main-currency-rates{
	  padding: 15px 0 15px 15px;
  }
  .main-internetservices__link{
	  padding: 15px;
  }
  .main-news .main-news__item{
	  padding: 0 15px;
  }
  .main-news .main-news__more{
	  padding: 20px 15px;
  }
}

@media screen and (max-width: 340px){
  .l-header{
    height: 53px;
  }
  .headmenu{
    height: 53px;
  }
    .headmenu li{
      height: 52px;
    }

    .headmenu .menu-button {
      width: 30px;
      height: 22px;
      margin: 16px 10px 0;
    }
    .headmenu .menu-button .icof-burger{
      width: 22px;
      height: 3px;
      margin-left: -11px;
      margin-top: -1px;
    }
      .headmenu .menu-button .icof-burger:before{
        top: -7px;
      }
      .headmenu .menu-button .icof-burger:after{
        bottom: -7px;
      }

    .headmenu .atm{
      height: 52px;
      width: 40px;
    }
    .headmenu .call{
      height: 52px;
      width: 40px;
    }
      .headmenu .atm:after{
        width: 17px;
        height: 24px;
        margin-top:-12px;
        margin-left: -8px;
      }
      .headmenu .call:after{
        width: 21px;
        height: 24px;
        margin-top:-12px;
        margin-left: -8px;
      }

    .headmenu .search-button{
      width: 64px;
      -webkit-touch-callout: none;
    }
      .headmenu .search-button:after{
        width: 32px;
        height: 32px;
        color: #0a2973;
        speak: none;
        cursor: pointer;
        z-index: 1000;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/icon_search.svg');
        margin:-16px 0 0 -16px;
      }
    .headmenu .opened{
      /* background: #f9fcfd; */
    }

  .headlogo{
    top: 14px;
  }
    .headlogo a{
      /*width: 62px;*/
      width: 110px;
      height: 24px;
    }
  .main-slider__bg-line{
    height: 53px;
  }
  .main-slider .slide-btn{
    right: 12%;
    margin-top: -10px;
    padding: 3px 4px;
    font-size: 0.8em;
  }
  .main-slider .slide .slide__image-logo{
    width: 70px;
    height: 37px;
    margin-top: -18px;
    left: 15%;
    background-size: 70px 37px;
    -moz-background-size: 70px 37px;
    -webkit-background-size: 70px 37px;
    -o-background-size: 70px 37px;
  }

  .menu-panel__activity{
    height: 52px;
    padding-right: 35px;
  }
    .menu-panel .lang{
      width: 36px;
      height: 51px;
    }
      .menu-panel .lang a{
        line-height: 51px;
      }
  .searchmobile .btn{
      width: 18px;
      height: 18px;
      margin-top: -9px;
    }
      .searchmobile .btn:active{
        top: 51%;
      }
  .searchmobile .textfield{
    height: 51px;
    line-height: 35px;
  }

  .l-footer{
    font-size: 1em;
  }
  .l-footer .site-button{
    line-height: 24px;
    padding: 0px 5px;
  }

  .l-footer .footmenu{
    margin-left:-5px;
  }
  .l-footer .footmenu li{
    padding: 3px 5px;
  }
  .l-footer .copy{
    margin-right: -10px;
  }
  .b-news-list .b-news-item .b-news-image{
    width: 100px;
  }
  .b-retail-list .b-retail-item .b-retail-item-image{
    width: 100px;
  }

  table.tbl2 tbody tr.head td, table.tbl2 tbody tr.head th,
  table.tbl2 tbody th, table.tbl2 tbody td{
      display: block;
  }
  table.tbl2 tbody tr {
      border-top: 1px solid #BFBFBF;
  }
  table.tbl2 tbody tr.head{
    border-top:0;
  }
  table.tbl2 tbody th, table.tbl2 tbody td {
      border: 0;
  }
  table.tbl2 tbody td:first-child{
    padding-top: 7px;
    padding-bottom: 1px;
  }
  table.tbl2 tbody td:last-child{
    padding-top: 1px;
    padding-bottom: 7px;
  }


  table.tbl2.ir-ratings-tbl tbody tr {
      border-top: 0;
  }
  table.tbl2.ir-ratings-tbl td:last-child{
    padding-top: 5px;
    padding-bottom: 5px;
  }


  .b-news-search .w-search-input input,
  .b-news-subscribe .w-subscribe-input input{
    font-size: 14px;
  }
  .b-news-search .w-form .b-st-btn,
  .b-news-subscribe .w-form .b-st-btn{
    font-size: 14px;
    padding: 0 8px;
  }

  .main-services .servicecard{
      height: 130px;
      padding-bottom: 30px;
      font-size: 7px;
  }
  .main-services .servicecard__content{
      height: 130px;
  }
  .main-services .servicecard__content:before{
      height: 30px;
  }
  .main-services .servicecard__content:after{
    top: 30px;
  }
  .main-services .servicecard__top{
      height: 55px;
  }
  .main-services .servicecard__title{
    padding-top: 5px;
  }
  .main-services .servicecard__title .icon{
      margin-left: -15px;
      width: 25px;
      height: 25px;
      margin-top: 0;
      background-size: 25px 25px;
      -moz-background-size: 25px 25px;
      -webkit-background-size: 25px 25px;
      -o-background-size: 25px 25px;
  }
  .main-services .servicecard__middle{
      height: 45px;
      line-height: 45px;
  }
  .main-services .servicecard__footer{
      height: 30px;
      line-height: 30px;
  }
  .main-services .servicecard__footer-link{
      padding-right: 15px;
  }
  .main-services .servicecard__footer-link .arrow{
      margin-top: -4px;
      width: 6px;
      height: 8px;
      background-size: 6px 8px;
      -moz-background-size: 6px 8px;
      -webkit-background-size: 6px 8px;
      -o-background-size: 6px 8px;
  }
  .main-internetservices__link{
	  padding: 10px 15px;
	  font-size: 14px;
	}
	  .main-internetservices__link:after{
		  margin-top: -7px;
		  width: 8px;
		  height: 14px;
		  background-size: 8px 14px;
		  -moz-background-size: 8px 14px;
		  -webkit-background-size: 8px 14px;
		  -o-background-size: 8px 14px;
	  }
  .main-news{
	  font-size: 10px;
  }
	.main-news .main-news__heading{
		padding: 14px 0;
	}
		.main-news .main-news__item{
			height: 110px;
			padding: 0 15px;
		}
		.main-news .main-news__item .news__content .news__description{
			line-height: 15px;
		}
	.main-news .main-news__more{
		padding: 20px 15px;
	}
		.main-news .main-news__more a:after{
			width: 7px;
			height: 12px;
			margin-top: -7px;
			background-size: 7px 12px;
			  -moz-background-size: 7px 12px;
			  -webkit-background-size: 7px 12px;
			  -o-background-size: 7px 12px;
		}
  .site-button{
	  font-size: 14px;
  }
    .main-currency-rates{
		  font-size: 12px;
	  }
		.main-currency-rates  .cur-rate .cur-rate__item .cur{
			padding-left: 20px;
		}
		.main-currency-rates  .cur-rate .cur-rate__item .cur:before{
			margin-top: -5px;
			width: 18px;
			height: 10px;
			background-size: 18px 20px;
			  -moz-background-size: 18px 20px;
			  -webkit-background-size: 18px 20px;
			  -o-background-size: 18px 20px;
		  }

		  .main-currency-rates  .cur-rate .cur-rate__item .cur.up:before{
			background-position: 0 -10px;
		  }
}
@media screen and (max-width: 300px){
  .slideLeft .pushed {
    left: 210px;
  }
  .no-js .pushed {
    padding-left: 210px;
  }
  .menu-panel {
    width: 210px;
  }
  .js .menu-panel {
    left: -210px;
  }

  .headlogo{
    right: 15px;
  }
  .l-footer {
    text-align: center;
  }
  .l-footer .site-button,
  .l-footer .social,
  .l-footer .footmenu,
  .l-footer .allsite,
  .l-footer .copy{
    float: none;
    margin: 10px 0;
  }
  .l-footer .footmenu{
    padding: 10px 0;
  }
  .footmenu li:after{
    background: none;
  }
  .b-news-list .b-news-item {
    display: block;
  }
  .b-news-list .b-news-item .b-news-image{
    width: 140px;
    display: block;
  }
  .b-news-list .b-news-item .b-news-text{
    display: block;
  }
  .b-retail-list .b-retail-item {
    display: block;
  }
  .b-retail-list .b-retail-item .b-retail-item-image{
    width: 140px;
    display: block;
    margin-bottom: 10px;
  }
  .b-retail-list .b-retail-item .b-retail-item-links{
    display: block;
  }
  .b-dated-list tr{
    display: block;
    margin-bottom: 10px;
  }
  .b-dated-list tr:after { content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
  .b-dated-list td{
    display: block;
    padding-bottom: 5px;
  }
  .b-dated-list .descrip{
    padding-left: 0;
  }

  .e-link-group::after{
    top: 100%;
  }
  .e-link-group ul{
    box-shadow: none;
  }

}
/* End */


/* Start:/local/templates/m_vtb2016/css/customselectbox.css?14775723613023*/
.customSelect {
	position: relative;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.customSelect .selectValueWrap{
	position: relative;
	z-index: 101;
	width: 100%;
}
.customSelect .selectedValue {
  padding: 5px 25px 5px 10px;
  margin-bottom: 0;
  line-height: 1.2;
  color: #000000;

  cursor: pointer;
  background-color: #fff;
  border: 1px solid #3a4b8c;
}
.customSelect.select-open .selectedValue {
  -webkit-box-shadow: 0 0 5px #abbdd6;
     -moz-box-shadow: 0 0 5px #abbdd6;
          box-shadow: 0 0 5px #abbdd6;
}
.customSelect .selectList {
	z-index: 100;
	position: absolute;
	left: -999em;
	top: -999em;

  padding: 3px 0;
  margin: -1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #3a4b8c;
  /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.customSelect.select-open .selectList {
	left: 0 !important;
	top: auto !important;
	width: 100% !important;
}
.customSelect .selectList dl {
	background: #fff;
	width: 100% !important;
}
.customSelect .selectList dl.defaultScrollbar {
	overflow-x: hidden;
	overflow-y: scroll;
}
.customSelect dl, .customSelect dd {
	margin: 0;
}
.customSelect dd {
	zoom: 1;
	cursor: pointer;
}
.customSelect .disabled {
	color: #999;
	cursor: default;
}
.customSelect .selected {
	color: #000;
	text-decoration: none;
	background-color: #ecf3fa;
}
.customSelect .selectList dd.hovered {
	background: #ecf3fa;
	color: #000;
}
.customSelect .selectList dd.disabled.hovered {
	background: none;
	color: #999;
}
.customSelect dt {
	font-weight: bold;
	font-style: italic;
	padding: 2px 10px 2px 6px;
}
.customSelect dd {
	padding: 4px 10px 4px 10px;
}
select.custom-selectbox {
	position: absolute;
	left: -999em;
}
select.custom-selectbox.use-default {
	position: absolute;
	left: auto;
	height: auto;
	width: 100%;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	opacity: 0;
	/* prevents iOS from zooming in on field */
	font-size: 16px;
}
.customSelect.focused .selectedValue {}
.customSelect.disabled .selectedValue {
	border: 1px solid #ccc;
	color: #ccc;
	cursor: default;
}
.customSelect .caret {
	display: inline-block;
	width: 20px;
	height: 11px;
	vertical-align: top;
	content: "";
	background: url('/bitrix/templates/esh_mobile_vtb_style/css/../img/selectbox-caret.svg') 0 0 no-repeat;
}
.customSelect .selectValueWrap .caret {
	position: absolute;
	top: 10px;
	right: 8px;
	cursor: pointer;
}
.customSelect .jspContainer{
	width: 100% !important;
}
.customSelect .jspPane {
	overflow-x: hidden;
	width: 100% !important;
}
.customSelect .jspVerticalBar {
	background: none;
	width: 8px;
}
.customSelect .jspHorizontalBar {
	height: 0;
	overflow: hidden;
}
.customSelect .jspTrack {
	background: none;
	right: 5px;
	background: #e7f0f9;
}
.customSelect .jspDrag {
	color: #ffffff;
	background-color: #004a8d;
}

/* End */


/* Start:/local/templates/m_vtb2016/css/jquery.jscrollpane.css?14775723611379*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
@media screen and (max-width: 1024px){
	.l-footer .social li a{
      width: 50px;
      height: 50px;
      background-size: 400px 50px;
      -moz-background-size: 400px 50px;
      -webkit-background-size: 400px 50px;
      -o-background-size: 400px 50px;
	  background-repeat: repeat-x;
    }
      .l-footer .social li a.ok{
        background-position: 0 0;
      }
      .l-footer .social li a.fb{
        background-position: -50px 0;
      }
      .l-footer .social li a.vbr{
        background-position: -100px 0;
      }
      .l-footer .social li a.vk{
        background-position: -150px 0;
      }
      .l-footer .social li a.inst{
        background-position: -200px 0;
      }
      .l-footer .social li a.ytb{
        background-position: -250px 0;
      }
      .l-footer .social li a.twt{
        background-position: -300px 0;
      }
      .l-footer .social li a.lnk{
        background-position: -350px 0;
      }
}
@media screen and (max-width: 1920px){
	.l-footer .social li a{
      width: 50px;
      height: 50px;
      background-size: 400px 50px;
      -moz-background-size: 400px 50px;
      -webkit-background-size: 400px 50px;
      -o-background-size: 400px 50px;
	  background-repeat: repeat-x;
    }
      .l-footer .social li a.ok{
        background-position: 0 0;
      }
      .l-footer .social li a.fb{
        background-position: -50px 0;
      }
      .l-footer .social li a.vbr{
        background-position: -100px 0;
      }
      .l-footer .social li a.vk{
        background-position: -150px 0;
      }
      .l-footer .social li a.inst{
        background-position: -200px 0;
      }
      .l-footer .social li a.ytb{
        background-position: -250px 0;
      }
      .l-footer .social li a.twt{
        background-position: -300px 0;
      }
      .l-footer .social li a.lnk{
        background-position: -350px 0;
      }
}

/* End */
/* /local/templates/m_vtb2016/css/normalize.css?14775723617798 */
/* /local/templates/m_vtb2016/css/text.css?14775723613652 */
/* /local/templates/m_vtb2016/css/style.css?148181210265978 */
/* /local/templates/m_vtb2016/css/media.css?148241030130969 */
/* /local/templates/m_vtb2016/css/customselectbox.css?14775723613023 */
/* /local/templates/m_vtb2016/css/jquery.jscrollpane.css?14775723611379 */

/* End */



/* Start:/bitrix/templates/esh_mobile_vtb_style/css/popup.min.css*/
.bx-core-adm-dialog,.bx-core-adm-dialog a,.bx-core-adm-dialog span,.bx-core-adm-dialog div{letter-spacing:normal;list-style:none;text-align:left;text-indent:0;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline;text-decoration:none;color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;line-height:normal;font-weight:normal;font-variant:normal;font-style:normal;font-size:13px}.bx-core-adm-dialog{border-radius:4px;background-color:#fff;-webkit-box-shadow:0 18px 37px 6px rgba(16,39,53,.69);box-shadow:0 18px 37px 6px rgba(16,39,53,.69);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;position:absolute;overflow:hidden}.bx-core-adm-dialog a:active,.bx-core-adm-dialog a:visited,.bx-core-adm-dialog a:link{color:#2675d7;text-decoration:underline;font-size:inherit}.bx-core-adm-dialog a:hover{color:#2675d7;text-decoration:underline;background:0;font-size:inherit}.bx-core-adm-dialog select,.bx-core-adm-dialog input,.bx-core-adm-dialog textarea{outline:0;font-size:13px}.bx-core-adm-dialog textarea{font-size:13px}.bx-core-adm-dialog table{font-size:13px}.bx-core-adm-dialog td{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:normal;list-style:none;text-align:left;text-indent:0;text-transform:none;text-decoration:none;visibility:visible;white-space:normal;word-spacing:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:normal;font-weight:normal;font-variant:normal;font-style:normal;font-size:inherit;background:0;color:#000}.bx-core-adm-dialog .bx-action-href,.bx-core-adm-dialog .bx-action-href:visited,.bx-core-adm-dialog .bx-action-href:link{text-decoration:none;border-bottom:1px dashed #2747bf;outline:0;display:inline-block}.bx-core-adm-dialog .bx-action-href:hover{border-bottom-color:#134889;text-decoration:none;color:#134889}.bx-core-adm-dialog .bx-core-adm-dialog-head{background-color:#e2ebee;border-bottom:1px solid#a9a9a9;-webkit-box-shadow:0 1px 0 0 #e5e5e5,0 -1px 0 0 #ecf1f3 inset,inset 0 1px 0 0 #fff,inset 0 0 0 1px #e9f0f2;box-shadow:0 1px 0 0 #e5e5e5,0 -1px 0 0 #ecf1f3 inset,inset 0 1px 0 0 #fff,inset 0 0 0 1px #e9f0f2;border-radius:4px 4px 0 0;height:49px;top:0;left:0;position:absolute;overflow:hidden;width:100%}.bx-core-adm-dialog .bx-core-adm-dialog-head-inner{display:inline-block;margin:12px 0 0 18px;font-size:20px;text-shadow:0 1px #fff;white-space:nowrap;color:#282a2c}.bx-core-adm-dialog .bx-core-adm-dialog-head-icons{position:absolute;top:0;right:0;margin:11px 0 0 15px;padding:0 15px 0 0;background-color:#e2ebee}.bx-core-adm-dialog .bx-core-adm-icon-expand,.bx-core-adm-dialog .bx-core-adm-icon-narrow,.bx-core-adm-dialog .bx-core-adm-icon-close{display:inline-block;height:30px;width:28px;cursor:pointer;background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_sprite.png') no-repeat 0 0 #e2ebee}.bx-core-adm-dialog .bx-core-adm-icon-expand{background-position:0 0}.bx-core-adm-dialog .bx-core-adm-icon-narrow{background-position:0 -120px}.bx-core-adm-dialog .bx-core-adm-icon-close{background-position:0 -30px}.bx-core-adm-dialog .bx-core-adm-icon-expand:hover{background-position:0 -60px}.bx-core-adm-dialog .bx-core-adm-icon-narrow:hover{background-position:0 -150px}.bx-core-adm-dialog .bx-core-adm-icon-close:hover{background-position:0 -90px}.bx-core-adm-dialog .bx-core-adm-dialog-content-wrap{margin-top:54px;padding:12px 12px 14px}.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab{display:inline-block!important;cursor:pointer!important;background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/bx-admin-sprite-small-2.png') repeat-x scroll 0 -2728px transparent!important;border-radius:2px 2px 0 0!important;border:none!important;color:#1c53a2!important;font-size:13px!important;font-weight:bold!important;margin:0 7px 0 0!important;padding:10px 25px 10px!important;text-shadow:0 1px #fff!important;vertical-align:top!important;height:auto!important;position:relative;z-index:1}.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-active{background:#f5f9f9!important;border:1px solid #dce7ed!important;border-bottom:none!important;color:#000!important;margin:0 7px -2px 0!important;padding:9px 24px 11px!important;border-bottom:none!important;height:auto!important}.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-active:first-child:before{display:none!important}.bx-core-adm-dialog .bx-core-adm-dialog-content{overflow:auto;border:solid 1px #dce7ed;background-color:#f5f9f9}.bx-core-adm-admin-dialog .bx-core-adm-dialog-content{padding:15px 22px 22px}.bx-core-adm-dialog .adm-detail-content-cell-l{text-align:right;padding:5px 4px 7px 0;background:0;text-indent:0;text-transform:none;text-decoration:none;visibility:visible;white-space:normal;word-spacing:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:normal;font-weight:normal;font-variant:normal;font-style:normal;font-size:inherit;color:inherit}.bx-core-adm-dialog .adm-detail-content-cell-r{padding:5px 0 7px 4px;background:0;text-indent:0;text-transform:none;text-decoration:none;visibility:visible;white-space:normal;word-spacing:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:normal;font-weight:normal;font-variant:normal;font-style:normal;font-size:inherit;color:inherit}.bx-core-adm-dialog .adm-detail-content-cell{padding:5px 0 7px}.bx-core-adm-dialog .adm-detail-valign-top{vertical-align:top}.bx-core-adm-dialog .adm-detail-valign-middle{vertical-align:middle}.bx-core-adm-dialog .adm-detail-valign-bottom{vertical-align:bottom}.adm-detail-file-row .adm-detail-content-cell-l{padding-top:12px;vertical-align:top}.adm-detail-file-image{padding-top:7px}.adm-detail-file-row .bx-input-file-desc{display:block;margin-top:-7px}.adm-detail-iblock-types{width:150px}.adm-detail-iblock-list{width:200px}.bx-core-adm-dialog .adm-detail-content-table>tbody>.heading td{padding:8px 70px 10px!important}.bx-core-adm-dialog .bx-core-adm-dialog-buttons{padding-top:12px;position:relative}.bx-core-adm-dialog .bx-core-adm-dialog-buttons input{margin-right:12px}.bx-core-adm-dialog .bx-core-adm-dialog-head-block{background-position:99% center!important;background-repeat:no-repeat;border-bottom:1px solid #dce7ed;font-size:12px;padding:6px 30px 9px 9px;margin-bottom:12px}.bx-core-adm-dialog .bx-core-adm-dialog-head-block p{margin:0}.bx-core-adm-dialog .bx-core-adm-dialog-head-block .title{font-weight:bold;font-size:14px;margin:0 0 5px}.bx-core-adm-dialog .bx-core-adm-dialog-content-wrap-inner{padding:12px}.bx-quirks .bx-core-adm-dialog .bx-core-adm-dialog-content-wrap-inner{padding:12px 0}.bx-core-dialog-overlay{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(57,60,67,0.82)}.bx-ie9 .bx-core-dialog-overlay{background-color:#393c43;opacity:.82}.bx-ie8 .bx-core-dialog-overlay,.bx-quirks .bx-core-dialog-overlay{background-color:#393c43;filter:alpha(opacity=50)}.bx-core-adm-dialog .bx-core-resizer{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_sprite.png') no-repeat right -188px;position:absolute;z-index:6;bottom:3px;right:2px;height:20px;width:20px}.bx-core-adm-dialog .bx-core-adm-dialog-tabs .adm-detail-tab-last{margin-right:0}.bx-core-adm-dialog .adm-detail-title{border-bottom:1px solid #ddd;font-size:18px;margin-bottom:14px;padding:0 0 15px;text-align:left}.bx-core-adm-dialog .adm-detail-content-item-block{border:0;padding:0}.bx-core-adm-dialog .adm-detail-content{padding:0}.bx-core-adm-dialog .adm-detail-content-item-block table{border:0;border-spacing:0;font-size:13px;margin:0;width:100%}.bx-core-adm-dialog .adm-input,.bx-core-adm-dialog input[type="text"],.bx-core-adm-dialog input[type="password"],.bx-core-adm-dialog input[type="email"]{font-size:13px;height:29px;padding:0 5px}.bx-core-adm-dialog .bx-core-adm-dialog-buttons .adm-btn-add{float:right}.bx-ie8 .bx-core-adm-dialog-buttons .adm-btn-add,.bx-quirks .bx-core-adm-dialog-buttons .adm-btn-add{float:none;position:absolute;right:28px}.bx-core-popup-menu{position:absolute;border:solid 1px #181b20;border-radius:0 0 2px 2px;background-color:rgba(52,59,74,0.94);-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(212,212,212,0.12);box-shadow:0 1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(212,212,212,0.12);letter-spacing:normal;list-style:none;text-align:left;text-indent:0;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;line-height:normal;font-weight:normal;font-variant:normal;font-style:normal}.bx-ie8 .bx-core-popup-menu,.bx-quirks .bx-core-popup-menu{background-color:#3a4150}.bx-quirks .bx-core-popup-menu{width:220px!important;margin-top:-2px;margin-left:-2px}.bx-core-popup-menu-level0{background-color:rgba(30,36,50,0.94);border-radius:2px}.bx-ie8 .bx-core-popup-menu-level0,.bx-quirks .bx-core-popup-menu-level0{background-color:#252d3f}.bx-core-popup-menu-angle,.bx-core-popup-menu-angle-bottom{display:block;position:absolute;height:10px;width:17px;content:"";line-height:1px;font-size:1px;padding:0;margin:0}.bx-core-popup-menu-angle{top:-9px;background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left bottom}.bx-core-popup-menu-angle-bottom{bottom:-9px;background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -1470px}.bx-core-popup-menu-item{display:block;text-decoration:none;border-top:solid 1px transparent;border-right:solid 1px transparent;color:#9ca4b2!important;min-width:120px;cursor:pointer;position:relative;z-index:1}.bx-ie8 .bx-core-popup-menu-item,.bx-quirks .bx-core-popup-menu-item{width:280px;overflow-x:hidden}.bx-core-popup-menu-item:hover,.bx-core-popup-menu-item-opened{border-top:solid 1px #55a8d9;border-right:solid 1px #2278b7;background-image:-webkit-linear-gradient(top,#2a92d0,#1d66b5);background-image:-moz-linear-gradient(top,#2a92d0,#1d66b5);background-image:-ms-linear-gradient(top,#2a92d0,#1d66b5);background-image:-o-linear-gradient(top,#2a92d0,#1d66b5);background-image:linear-gradient(top,#2a92d0,#1d66b5);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);box-shadow:0 1px 1px rgba(0,0,0,0.3);text-decoration:none;color:#ebebeb!important}.bx-ie8 .bx-core-popup-menu-item-text,.bx-quirks .bx-core-popup-menu-item-text{overflow-x:hidden}.bx-ie8 .bx-core-popup-menu-item:hover,.bx-ie8 .bx-core-popup-menu-item-opened,.bx-ie9 .bx-core-popup-menu-item:hover,.bx-ie9 .bx-core-popup-menu-item-opened{background-color:#257fc4}.bx-core-popup-menu-item-text{display:block;padding:0 10px 0 40px;height:28px;line-height:26px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;text-shadow:0 1px rgba(0,0,0,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx-core-popup-menu-item-icon{display:block;position:absolute;height:28px;width:40px}.bx-core-popup-menu-no-icons .bx-core-popup-menu-item-text{padding-left:19px}.bx-core-popup-menu-no-icons .bx-core-popup-menu-item-icon{display:none}.adm-menu-content{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -30px}.bx-core-popup-menu-item:hover .adm-menu-content,.bx-core-popup-menu-item-opened .adm-menu-content{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -60px}.adm-menu-services{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -90px}.bx-core-popup-menu-item:hover .adm-menu-services,.bx-core-popup-menu-item-opened .adm-menu-services{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -120px}.adm-menu-settings{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -150px}.bx-core-popup-menu-item:hover .adm-menu-settings,.bx-core-popup-menu-item-opened .adm-menu-settings{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -180px}.adm-menu-favorites{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -210px}.bx-core-popup-menu-item:hover .adm-menu-favorites,.bx-core-popup-menu-item-opened .adm-menu-favorites{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -240px}.adm-menu-analytics{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -300px}.bx-core-popup-menu-item:hover .adm-menu-analytics,.bx-core-popup-menu-item-opened .adm-menu-analytics{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -330px}.adm-menu-marketPlace{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -360px}.bx-core-popup-menu-item:hover .adm-menu-marketPlace,.bx-core-popup-menu-item-opened .adm-menu-marketPlace{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -390px}.adm-menu-desktop{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -420px}.bx-core-popup-menu-item:hover .adm-menu-desktop,.bx-core-popup-menu-item-opened .adm-menu-desktop{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -450px}.adm-menu-store{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -480px}.bx-core-popup-menu-item:hover .adm-menu-store,.bx-core-popup-menu-item-opened .adm-menu-store{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -510px}.adm-menu-marketing{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -1353px}.bx-core-popup-menu-item:hover .adm-menu-marketing,.bx-core-popup-menu-item-opened .adm-menu-marketing{background-position:left -1326px}.bx-core-popup-menu-item-checked .bx-core-popup-menu-item-text{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -540px}.bx-core-popup-menu-item-checked:hover .bx-core-popup-menu-item-text{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat left -570px}.bx-core-popup-menu-item-opener .bx-core-popup-menu-item-text{padding-right:20px;background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat right -270px}.bx-core-popup-menu-item-opener:hover .bx-core-popup-menu-item-text,.bx-core-popup-menu-item-opened .bx-core-popup-menu-item-text{background:url('/bitrix/templates/esh_mobile_vtb_style/css/images/popup_menu_sprite_2.png') no-repeat right 0}.bx-core-popup-menu-separator{height:1px;margin:0 1px;background-color:rgba(172,179,191,0.2);font-size:1px;line-height:1px}.bx-ie8 .bx-core-popup-menu-separator,.bx-quirks .bx-core-popup-menu-separator{background-color:#444b58}.bx-core-popup-menu-item-disabled .bx-core-popup-menu-item-text{color:#525a68}.bx-core-popup-menu-item-disabled:hover .bx-core-popup-menu-item-text{color:#858d9b}.bx-core-popup-menu-item .checked{background-image:url(/bitrix/js/main/core/images/menu/checkbox.gif)}.bx-core-popup-menu-item .parameters{background-image:url(/bitrix/themes/.default/public/components/buttons/parameters.gif)}.bx-core-popup-menu-item .edit{background-image:url(/bitrix/themes/.default/public/components/buttons/edit.gif)}.bx-core-popup-menu-item .copy{background-image:url(/bitrix/themes/.default/public/components/buttons/copy.gif)}.bx-core-popup-menu-item .edit-common{background-image:url(/bitrix/themes/.default/public/components/buttons/edit_common.gif)}.bx-core-popup-menu-item .edit-wf{background-image:url(/bitrix/themes/.default/public/components/buttons/edit_wf.gif)}.bx-core-popup-menu-item .menu-edit{background-image:url(/bitrix/themes/.default/public/components/buttons/menu_edit.gif)}.bx-core-popup-menu-item .menu-add{background-image:url(/bitrix/themes/.default/public/components/buttons/menu_add.gif)}.bx-core-popup-menu-item .menu-delete{background-image:url(/bitrix/themes/.default/public/components/buttons/menu_delete.gif)}.bx-core-popup-menu-item .menu-template{background-image:url(/bitrix/themes/.default/public/components/buttons/menu_templ.gif)}.bx-core-popup-menu-item .nav-template{background-image:url(/bitrix/themes/.default/public/components/buttons/nav_templ.gif)}.bx-core-popup-menu-item .parameters-2{background-image:url(/bitrix/themes/.default/public/components/buttons2/parameters.gif)}.bx-core-popup-menu-item .edit-2{background-image:url(/bitrix/themes/.default/public/components/buttons2/edit.gif)}.bx-core-popup-menu-item .edit-css{background-image:url(/bitrix/themes/.default/public/components/buttons2/edit_css.gif)}.bx-core-popup-menu-item .copy-2{background-image:url(/bitrix/themes/.default/public/components/buttons2/copy.gif)}.bx-core-popup-menu-item .del-cache{background-image:url(/bitrix/themes/.default/public/components/buttons2/delcache.gif)}.bx-core-popup-menu-item .panel-new-file{background-image:url(/bitrix/themes/.default/public/panel_new/menus/new_file.gif)}.bx-core-popup-menu-item .panel-new-file-template{background-image:url(/bitrix/themes/.default/public/panel_new/menus/create_template.gif)}.bx-core-popup-menu-item .panel-new-folder{background-image:url(/bitrix/themes/.default/public/panel_new/menus/new_folder.gif)}.bx-core-popup-menu-item .panel-new-folder-template{background-image:url(/bitrix/themes/.default/public/panel_new/menus/create_folder_template.gif)}.bx-core-popup-menu-item .panel-edit-visual{background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_html.gif)}.bx-core-popup-menu-item .panel-edit-text{background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_text.gif)}.bx-core-popup-menu-item .panel-edit-php{background-image:url(/bitrix/themes/.default/public/panel_new/menus/edit_php.gif)}.bx-core-popup-menu-item .panel-file-props{background-image:url(/bitrix/themes/.default/public/panel_new/menus/file_props.gif)}.bx-core-popup-menu-item .panel-folder-props{background-image:url(/bitrix/themes/.default/public/panel_new/menus/folder_props.gif)}.bx-core-popup-menu-item .panel-file-access{background-image:url(/bitrix/themes/.default/public/panel_new/menus/file_access.gif)}.bx-core-popup-menu-item .panel-folder-access{background-image:url(/bitrix/themes/.default/public/panel_new/menus/folder_access.gif)}.bx-core-popup-menu-item .panel-file-delete{background-image:url(/bitrix/themes/.default/public/panel_new/menus/delete_file.gif)}.bx-core-popup-menu-item .panel-folder-delete{background-image:url(/bitrix/themes/.default/public/panel_new/menus/delete_folder.gif)}.bx-core-popup-menu-item .panel-page-cache{background-image:url(/bitrix/themes/.default/public/panel_new/menus/page_cache.gif)}.bx-core-popup-menu-item .panel-comp-cache{background-image:url(/bitrix/themes/.default/public/panel_new/menus/comp_cache.gif)}.bx-core-popup-menu-item .icon-delete{background-image:url(/bitrix/themes/.default/public/panel_new/buttons/delete.gif)}.bx-core-popup-menu-item .panel-key{background-image:url(/bitrix/themes/.default/public/panel_new/menus/key.gif)}.bx-core-popup-menu-item .panel-user{background-image:url(/bitrix/themes/.default/public/panel_new/menus/user.gif)}.bx-width30{width:30%!important}.bx-width50{width:50%!important}.bx-width100{width:100%!important}.bx-width0{width:0!important}.bx-popup-label{text-align:right!important;padding:6px 2px 10px 0!important;vertical-align:top!important;background:transparent;font-size:inherit;color:#000}.bx-core-adm-dialog .section td{background-image:none!important;background-color:#e0e8ea!important;color:#4b6267;font-size:14px;font-weight:bold}.bx-core-adm-dialog .section>td{padding:5px 10px}#bx-admin-prefix .bx-menu-current-row{background-color:#e2e7cb!important}#bx-admin-prefix .view-area{-moz-box-sizing:border-box;cursor:text;display:block;overflow:hidden;white-space:nowrap;height:31px!important;margin:3px!important}#bx-admin-prefix .edit-field{background-position:right center;background-repeat:no-repeat;background-image:url(/bitrix/panel/main/images_old/panel/pencil.gif);font-size:13px;padding:7px 5px 0;margin:2px;height:22px;width:232px;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;color:#3f4b54;display:inline-block;outline:medium none;vertical-align:middle}#bx-admin-prefix .edit-field:hover{padding:7px 5px 0;background-color:#fff;border-color:#87919c #959ea9 #9ea7b1;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;border-image:none;border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px}.bx-core-adm-dialog a.bx-popup-sign{display:block;width:11px;height:11px;overflow:hidden;margin-right:3px;background-repeat:no-repeat;background-position:top left}.bx-core-adm-dialog a.bx-popup-minus{background-image:url(/bitrix/js/main/core/images/components/minus.gif)}.bx-core-adm-dialog a.bx-popup-plus{background-image:url(/bitrix/js/main/core/images/components/plus.gif)}.bx-core-adm-dialog .bx-core-editor-dialog-content-wrap{padding:12px!important;margin-top:50px!important}.bx-core-adm-dialog .bx-core-editor-dialog-buttons{padding-top:12px}.bx-core-adm-dialog .bx-core-editor-dialog-buttons input{margin-right:12px}.bx-core-popup-auth-field{padding:5px 0}.bx-core-adm-dialog .bx-core-wizard-dialog-content-wrap{padding:0 0 14px!important;margin-top:54px!important}
/* End */



/* Start:/bitrix/templates/esh_mobile_vtb_style/components/eskhata/news.list/esh_mobile_front/style.css*/
.news-list{

}

div.news-list img.preview_picture
{
	float:left;
}
.news-date-time {
	color:#486DAA;
}



.eb-box-shadow{
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    margin-bottom: -10px;
    left: 0px;
}

.eb-box-shadow img{
    width: 100%;
    height: 10px;
}


.eb-news-image-wrap{

padding: 5px;
border: 1px solid #e6e6e6;
background-color: #fff;
}


.news-item{
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 10px;
    width: 95%;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: 1px solid #eee;

}

.news-item-wrap:hover{
background-color: #fbfbfb;
}

.eb-news-image-size{
    width: 100px;
vertical-align:middle;
}

.eb-news img{
    border-radius: 2px;
}
.eb-news:hover{
    box-shadow: 0 3px 2px 2px #ddd;
    background-color: #fff;
}

.eb-news-body{
    padding-left: 5px;
    font-size: 13px;
    color: #666;
}

.eb-news-body a{
    font-size: 16px;

    font-weight: normal;
    color: #3353cb;
}
.eb-news-image-size{
    width: 85px;
}

.eb-news-image-size img{

}

.eb-news-date-size{
    width: 65px;
vertical-align:middle;
}



/*NEWS DATE FORMAT*/
.eb-news-date-wrapper{
    color: #555;
    width: 55px;
    font-size: 10px;

}
.eb-news-day{
    text-align: center;
    width: 100%;
    font-size: 40px;
}
.eb-news-month{
    width: auto;
    text-align: center;
    padding-left: 2px;
    padding-right: 3px;
    border-right: 1px solid #555;
}
.eb-news-year{
    width: auto;
    text-align: center;
    padding-left: 3px;

}



.news-archive-link{
	padding: 5px 5px 10px 5px;
    text-align: right;
	margin-top: 20px; 
}
/* End */



/* Start:/bitrix/templates/esh_mobile_vtb_style/components/eskhata/menu/esh_vertical_menu/style.css*/
.eb-top-menu-canvas{
width: 100%;
background-image: url('/bitrix/templates/esh_mobile_vtb_style/components/eskhata/menu/esh_vertical_menu/images/button_bg.jpg');
}

/*RESET*/
.eskhata-top-horizontal-multilevel,
.eskhata-top-horizontal-multilevel ul,
.eskhata-top-horizontal-multilevel li,
.eskhata-top-horizontal-multilevel a,
.eskhata-top-horizontal-multilevel div,
.eskhata-top-horizontal-multilevel form,
.eskhata-top-horizontal-multilevel input{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;

}

.eskhata-top-horizontal-multilevel a{
	ext-decoration: none;
}

.eskhata-top-horizontal-multilevel{
	list-style: none;
}

/*Styling wrapper*/
.eskhata-top-horizontal-multilevel{
	display: block;
	position:relative;
	z-index: 200;
	cursor:default;
width: 100%;
	background-image: url('/bitrix/templates/esh_mobile_vtb_style/components/eskhata/menu/esh_vertical_menu/images/button_bg.jpg')
}

.eskhata-top-horizontal-multilevel > li{
	display: block;
    float: left;
}

/*Third Styling menu links*/
    .eskhata-top-horizontal-multilevel > li > a{
        position: relative;
        display: block;
        height: 40px;
        line-height: 40px;
        z-index: 210;
        padding: 0 10px;
        text-align: center;

        font-family: arial, helvetica, serif;
        font-size: 14px;
        color: #666;
        text-shadow: 0px 1px 0 #fff;
        font-weight: bold;

        background-color: #eee;
        background-image: url('/bitrix/templates/esh_mobile_vtb_style/components/eskhata/menu/esh_vertical_menu/images/button_bg.jpg');
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;

        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }

.eskhata-top-horizontal-multilevel > li:hover > a{ background: #f3f3f3; text-decoration: none;}
    .eskhata-top-horizontal-multilevel > li:first-child > a{
        border-radius: 8px 0 0 8px;
        border-left: none;
    }

    /*Fourth styling mega drop down*/

    .eskhata-top-horizontal-multilevel > li > div{
        display: block;
        position: absolute;
        top: 38px;
        left: 0;
        width: 100%;

        opacity: 0;
        visibility: hidden;
        overflow: hidden;

        background-color: #eee;
        border-radius: 0 0 8px 8px;

        -webkit-transition: all .2s ease .15s;
        -moz-transition: all .2s ease .15s;
        -o-transition: all .2s ease .15s;
        -ms-transition: all .2s ease .15s;
        transition: all .2s ease .15s;
    }

    .eskhata-top-horizontal-multilevel > li:hover > div{
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }




eee#eskhata_main_menu,
#eskhata_main_menu a,
#eskhata_main_menu ul,
#eskhata_main_menu li,
#eskhata_main_menu div,
#eskhata_main_menu form,
#eskhata_main_menu input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
#eskhata_main_menu{    list-style-type: none;
    height: 40px;
    width: 100%;
    background-color: #ddd;
    background-image: url('/bitrix/templates/esh_mobile_vtb_style/components/eskhata/menu/esh_vertical_menu/images/button_bg.jpg');
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;}

#eskhata_main_menu > li { float: left; }

#eskhata_main_menu{
    display: inline-block;
    position: relative;
    z-index: 500;
    cursor: default;
}

#eskhata_main_menu > li{
    display: block;
    float: left;
}

#eskhata_main_menu > li > a{
     text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    display: inline-block;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;

       -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
       -ms-transition: all .3s ease;
       transition: all .3s ease;
}

#eskhata_main_menu > li:hover > a {
    background-color: #eee;
    color: #002195;
}

#eskhata_main_menu > li:first-child > a {
    border-radius: 3px 0 0 3px;
    border-left: none;
}

#eskhata_main_menu > li > div {
    position: absolute;
    display: block;
    width: 100%;
    height: 200px;
    top: 54px;
    left: 0;

    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    background: #f4f4f4;
    background: -moz-linear-gradient(top, #EEE, #bbb);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bbb));
    border-radius: 0 0 3px 3px;

    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}
#eskhata_main_menu > li > div a{
    margin-left: 20px;
    margin-top: 20px;
}

#eskhata_main_menu > li:hover > div{
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.dropdown_2columns {
    padding-top: 20px;
}
.dropdown_2columns a{
    height: 40px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}

.eb-menu-column{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: left;
}

.eb-menu-column > li{
    float: left;
}

.eb-second-menu-li>a{
    font-size: 110%;
    font-weight: bold;
}
.eb-second-menu-li{
    padding: 10px 15px 20px 15px;
    line-height: 20px;
}
/* End */



/* Start:/bitrix/templates/esh_mobile_vtb_style/styles.css*/
.ui-accordion-content-active table{
	width:auto;
}
.ui-accordion-content-active td{
	padding:6px;
	border:1px solid #ccc;
}
/* End */
