@font-face {
  font-family: 'PTRouble';
  font-display: swap;
  src: url('/russia/fonts/PTRoubleSans.ttf') format('ttf'),
  url('/russia/fonts/PTRoubleSans.ttf') format('truetype');
}
.rub{
  font-family: 'PTRouble'!important;
}

html[class*="mm-menu"],
html[class*="mm-menu"] body{overflow:hidden;}
html[class*="mm-menu"] body:after {width:100%;height:100%;position:absolute;top:0;left:0;z-index:8;background: rgba(0,0,0,.6);content:'';display: block;}
html.mm-menu body:after {top:0;}
html.mm-menu-sub body:after {top:90px;}

body {max-width: 1024px;margin:0 auto;min-width: 320px;position: relative;}
.header {position: static;}
.container {max-width:1024px;}
.header .container {padding:0;position: static;}
.head {padding: 0 30px;height:45px;position:relative;z-index: 11;}
.head .logo {width:50px;height:29px;margin-top:7px;}
.mobile-tap-area {position: absolute;top:0;right:0px;cursor: pointer;z-index:2;display:block;width:60px;height:45px;padding-top:4px;}
.mobile-tap-area .line {display:block;width:24px;height:3px;background:#fff;margin:4px auto;border-radius:90px;position:relative;-webkit-transition: -webkit-transform .1s linear;
-moz-transition: -moz-transform .1s linear;-o-transition: -o-transform .3s linear;transition: transform .1s linear;} 
.mobile-tap-area.open .line1 {-webkit-transform: translateY(5px) translateX(0) rotate(45deg);-moz-transform: translateY(5px) translateX(0) rotate(45deg);-o-transform: translateY(5px) translateX(0) rotate(45deg);
transform: translateY(5px) translateX(0) rotate(45deg);bottom:-4px;}
.mobile-tap-area.open .line2{opacity: 0;}
.mobile-tap-area.open .line3 {-webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);-moz-transform: translateY(-5px) translateX(0) rotate(-45deg);-o-transform: translateY(-5px) translateX(0) rotate(-45deg);
transform: translateY(-5px) translateX(0) rotate(-45deg);top:-.5px;}

.mobile-tap-area span:last-child {text-align: center;font-size:11px;position: absolute;bottom: 4px;left: 0;display: block;width: 100%;color:#fff;}
.logon {position: absolute;top:0;right:60px;cursor: pointer;z-index:2;height:100%;width:60px;}
.logon:after {position: absolute;top:50%;left:50%;margin:-15px 0 0 -8px;display:block;width:18px;height:18px;content:'';background-image: url('../svg/lock-unlock.svg');background-position: 0 0;background-size: cover;background-repeat: no-repeat;}
.logon:before {position: absolute;top:0;right:0;display:block;width:2px;height:100%;content:'';border-right:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(0,0,0,.3);}
.logon.open:after {background-image: url('../svg/lock-unlock.svg');background-position: right 0;}
.logon-dropdown {position:absolute;top:0;right:0;z-index: 3;}
.logon span {text-align: center;font-size:11px;position: absolute;bottom: 4px;left:1px;display: block;width: 100%;color:#fff;}
.navigation {position: absolute;z-index:10;width:0;height:100%;background: rgba(2,72,139,.95);overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.navigation .span12 {width:285px;display:block;}
.tiny-client {display:block;position: absolute;z-index:10;width:0;background:#1a1a1a;overflow: hidden;right:0;}
.tiny-client ul {width:285px;}
.tiny-client ul li {border-top:1px solid rgba(255,255,255,.1);margin:0 20px;}
.tiny-client ul li:first-child {border:0;}
.tiny-client ul li a {color:#fff;font-size:14px;line-height:36px;display: block;cursor: pointer;position: relative;}
.preheader-bar-nav {padding:50px 20px 0;background:#1a1a1a;}
.preheader-bar-nav li:first-child {display:none;}
.preheader-bar-nav > li {border-bottom:1px solid rgba(255,255,255,.1);}
.preheader-bar-nav a {color:#fff;font-size:14px;line-height:32px;display: inline-block;text-decoration: none;}
.preheader-bar-bank-nav {padding:0 0 50px;position:relative;font-family:Arial, sans-serif;background:#1a1a1a;}

.preheader-bar-bank-nav > li {border-bottom:1px solid rgba(255,255,255,.1);margin:0 20px;width:245px;}
.preheader-bar-bank-nav > li.card-activation-btn {border-bottom:0;}
.preheader-bar-bank-nav > li.active {padding:0 20px;background:#252525;margin:0;}
.preheader-bar-bank-nav > li.active + li {border:0;}
.preheader-bar-bank-nav .drop-menu-action {color:#fff;font-size:14px;line-height:36px;display: block;cursor: pointer;position: relative;}
.preheader-bar-bank-nav > li .drop-menu-action:after {content: '';display:block;width:14px;height:14px;position:absolute;top:12px;right:0px;opacity:.5;background-image: url('../svg/arrow-right.svg');background-position: 0 0;background-size: cover;background-repeat: no-repeat;}
.preheader-bar-bank-nav > li.active .drop-menu-action:after {top:12px;right:0px;background-image: url('../svg/arrow-bottom.svg');}
.preheader-bar-bank-nav .dropdown-menu {padding:5px 0 20px;}
.preheader-bar-bank-nav .dropdown-menu li {border:0;}
.preheader-bar-bank-nav .dropdown-menu li a {line-height:15px;padding:5px 0 4px;font-size:11px;}
.preheader-bar-bank-nav .dropdown-menu li a span {display: block;font-size:14px;line-height:19px;}
.preheader-bar-bank-nav a {color:#fff;font-size:14px;line-height:32px;display: inline-block;padding-top:2px;text-decoration: none;}
.preheader-bar-bank-nav .search {width:245px;position:absolute;bottom:20px;left:0;padding:0;background:#fff;}
.preheader-bar-bank-nav .search input[type=text] {outline:none;background:#fff;width:100%;height:20px;font-size:11px;font-family: Arial, sans-serif;margin:0;padding:0 60px 0 10px;border:0;}
.preheader-bar-bank-nav .search input[type=submit] {background:none;outline:none;width:60px;height:18px;font-size:11px;font-family:Arial, sans-serif;margin:0;border:0;color:#333;position:absolute;top:1px;right:0;z-index:1;cursor:pointer;}
.nav {background: rgba(2,72,139,.95);}
.nav-list {width:285px;padding-bottom: 20px;}
.nav-list > li {border-top:1px solid rgba(255,255,255,.1);margin:0 20px;}
.nav-list > li.active {margin:0;padding:0 20px;background:rgba(255,255,255,.1);}
.nav-list > li.active + li {border:0;}
.nav-list > li:first-child {border:0;padding-top:5px;}
.nav-list > li .drop-menu-action {color:#fff;font-size:14px;line-height:36px;display: block;cursor: pointer;position: relative;}
.nav-list > li .drop-menu-action:after {content: '';display:block;width:14px;height:14px;position:absolute;top:12px;right:0px;opacity:.5;background-image: url('../svg/arrow-right.svg');background-position: 0 0;background-size: cover;background-repeat: no-repeat;}
.nav-list > li.active .drop-menu-action:after {top:12px;right:0px;background-image: url('../svg/arrow-bottom.svg');}
.nav-list > li.menu-secure-zone-link a {color:#fff;font-size:14px;line-height:36px;display: inline-block;cursor: pointer;}
.nav-list > li .empty {color:#98c7f4;font-size:14px;line-height:21px;padding-top:15px;font-weight:bold;}
.nav-list a {text-decoration:none;color:#fff;}
.nav-list dt {font-size:14px;line-height:21px;}
.dropdown-menu {display:none;position: relative;padding:5px 0 10px 0;}
.dropdown-menu a {padding:5px 0 4px;font-size:14px;line-height:21px;display:block;}
.hp-menu-banner {height:188px;position:absolute;bottom:15px;left:0;width:245px;z-index: 1;}
.cbolui-ddl-pre .header .nav-list ul li a, .cbolui-ddl-pre .header .nav-list ul li h2, .cbolui-ddl-pre .header .nav-list ul dt, .cbolui-ddl-pre .header .nav-list ul li a:hover{
  color:#fff;
  font-size:14px;
  margin-bottom:0;
}
.mmBottomArea {display:none;}
.dropdown-menu-content {position:relative;}
.dropdown-menu-content .hp-menu-banner + .mMenuList {position:relative;padding-bottom:215px;}
.main-nav .nav > ul > li .dropdown-menu {display:none;}

.footer-nav{font-size:11px;line-height:14px;margin-top:15px;}
.footer-nav .span12:after {content:'';width:100%;display:block;height:9px;font-size:0;clear:both;border-bottom:1px solid #d6d6d6;}
.footer-nav .footer-homepage-link {float:left;}
.footer-nav ul {float:left;text-transform:uppercase;}
.footer-nav ul li {float:left;text-transform:uppercase;margin-right:15px;font-size:11px;line-height:14px;}
.footer-nav ul li:last-child {margin:0;}
.footer-nav a {color:#666;text-decoration:none;white-space:nowrap;}
a.fb-link {display:block;margin-top:15px;color: #05589d;}
.fb-link *{line-height:20px; vertical-align:middle;}
.fb-link img{padding-left:10px; max-width:20px;box-sizing: content-box;}
.footer-nav .span2_footer{width:20%;}
.seo-disclaimer {padding:15px 0;line-height:15px;font-size:11px;color:#999;}
.seo-disclaimer h1 {font-weight:normal;margin:0;font-size:11px;color:#999;line-height:15px;}
.seo-disclaimer a {color:#999;text-decoration:underline;}
.popular-links {line-height:15px;font-size:11px;color:#999;}
.popular-links dt,
.popular-links dd {display: inline;}
.popular-links dd {margin-left: 10px;position:relative;}
.popular-links dd:before {content: '|';position:absolute;top:-1px;left:-9px;z-index: 1;width:5px;display: block;text-align: center;}
.popular-links dt + dd {margin:0;}
.popular-links dt + dd:before {display:none;}
.popular-links a {color:#999;text-decoration:underline;}
.copyrights {margin-top:10px;font-size:11px;padding-bottom:15px;line-height:15px;}
.copyrights a {color:#999;text-decoration: underline;}
.copyrights .span10 {float:right;text-align: right;color:#999;}
.copyrights .copyright-text {font-size:11px;}
.footer-logo {width:22px;height:14px;}
.blue-logo {background-image:url('../svg/citilogo-blue.svg');background-position: 0 0;background-size: cover;background-repeat: no-repeat;}
.front-page-news-list .row [class*="span"] {padding:0 0 15px;}
.front-page-news-list .news-nav-links {margin-left:12px;position: relative;font: normal 12px/17px Arial, Helvetica, sans-serif;color: #05589d;text-decoration: none;}
.front-page-news-list .news-nav-links.right {float:right;}
.front-page-news-list .news-nav-links:before {width:10px;height:10px;content:'';position:absolute;top:2px;left:-12px;background-image:url('../svg/news-arrow.svg');background-position: 0 0;background-size: cover;}
.right-banner {display: none;}
.seo-disclaimer-wrapper {display:none;}
.footer-nav {margin-bottom:15px;}

.container-header .span3 {background:#EFEFEF;padding-top:15px;padding-bottom:14px;width:100%;}
.row.container-header [class*="span"],
.row.container-body [class*="span"] {clear:both;width:100%;}

.mobile-tap-area-submenu {position: absolute;top:45px;right:0px;cursor: pointer;z-index:2;display:block;width:60px;height:45px;padding-top:9px;}
.mobile-tap-area-submenu .line {display:block;width:24px;height:3px;background:#008cd1;margin:4px auto;border-radius:90px;position:relative;-webkit-transition: -webkit-transform .1s linear;
-moz-transition: -moz-transform .1s linear;-o-transition: -o-transform .3s linear;transition: transform .1s linear;} 
.mobile-tap-area-submenu.open .line1 {-webkit-transform: translateY(5px) translateX(0) rotate(45deg);-moz-transform: translateY(5px) translateX(0) rotate(45deg);-o-transform: translateY(5px) translateX(0) rotate(45deg);
transform: translateY(5px) translateX(0) rotate(45deg);bottom:-4px;}
.mobile-tap-area-submenu.open .line2{opacity: 0;}
.mobile-tap-area-submenu.open .line3 {-webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);-moz-transform: translateY(-5px) translateX(0) rotate(-45deg);-o-transform: translateY(-5px) translateX(0) rotate(-45deg);
transform: translateY(-5px) translateX(0) rotate(-45deg);top:-.5px;}

.mobile-tap-area-submenu span:last-child {text-align: center;font-size:11px;position: absolute;bottom: 4px;left: 0;display: block;width: 100%;color:#fff;}

.aside {position: absolute;z-index: 9;width:0;height: 100%;background: rgba(255,255,255,.95);overflow-y: scroll;-webkit-overflow-scrolling: touch;right:0;top:90px;}
.aside .menu {padding-bottom:110px;}
.aside .menu > ul > li {margin:0 20px;width:245px;font-size: 14px;line-height: 18px;padding:9px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.aside .menu > ul > li:last-child {border:0;}
.aside .menu a {margin:0 !important;color:#333;} 

.bread-crumbs {padding:14px 0 15px;}


.footer + .clear {display: none;}
.home-page .seo-disclaimer-wrapper {display:block;}


@media (max-width :768px) {
  .rotator-arrows .arrows-to-sm {position:relative;overflow:hidden;width:20px;height:20px;opacity: .8;border-radius: 90px;border:0 !important;}
  .rotator-arrows .arrows-to-sm * {display:none;}
  .front-page-news-list li {display:block;width:100%;min-height:20px;border-left:0;padding:12px 0;}
}

@media (max-width :480px) {
  .row .span1 {width:7%}
  .row .span2 {width:16%;}
  .row .span3 {width:24%;}
  .row .span4 {width:31.914893617021278%;*width:31.861702127659576%;}
  .row .span5 {width:40.42553191489362%;*width:40.37234042553192%;}
  .row .span6 {width:48.93617021276595%;*width:48.88297872340425%;}
  .row .span7 {width:57.44680851063829%;*width:57.39361702127659%;}
  .row .span8 {width:65.95744680851064%;*width:65.90425531914893%;}
  .row .span9 {width:76%;}
  .row .span10 {width:84%;}
  .row .span11 {width:93%;}
  .row .span12 {width: 100%;*width: 99.94680851063829%;}
  .row [class*="span"] {padding-left:10px;padding-right:10px;}
  [class*="span"] {clear:both;width: 100%;*width: 99.94680851063829%;}
  .front-page-news-list .span6 {float: left;width:50%;clear:none;}
  .head {padding:0 10px;}
  .main-nav .nav > ul > li .dropdown-menu ul li li {padding:10px 9px 10px 9px;}
  .footer-nav ul {float:none;margin-top:5px;}
  .footer-nav ul li:first-child,
  .footer-nav ul li {position:relative;text-transform: none;margin:0 10px 5px 0;}
  .popular-links {padding-bottom:15px;}
  .popular-links dt,
  .popular-links dd {display: block;}
  .popular-links dt + dd {margin-left:10px;}
  .popular-links dt + dd:before {display:block;}
  .popular-links dd:before {content:'-';}
  .copyrights .span10 {text-align: left;padding-bottom: 15px;float:left;width:100%;}
}

.leftliholder.leftliholder_active .leftshowhide_sub {padding-top:5px;}
.leftliholder.leftliholder_active .leftshowhide_sub a {position:relative;display:block;padding:5px 0 5px 5px;text-indent:7px;color:#333;text-decoration: none;}