/*
body::before {
  content: "xs";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000;
  color: #fff;
}
@media (min-width : 768px) { body::before { content: "sm"; }}
@media (min-width : 992px) { body::before { content: "md"; }}
@media (min-width : 1200px) { body::before { content: "lg"; }}
*/

*,:after,:before
{
	box-sizing:inherit
}

html
{
	box-sizing:border-box !important;
	overflow-y:scroll
}

body { 
	background-image: url("/bitrix/templates/cap/images/body.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
	min-height: 900px;
/*	padding-top: 70px; add if header fixed-top */
}
.label a {color:#fff; text-decoration:none;}

.media .media-lead {
	font-size: 85%;
}

#page .media .media-lead, .another-articles .media .media-lead{
	font-size: 100%;
}


.media .media-lead  p {
	margin: 0 0 3px 0;
}

.themes {margin-bottom:20px;}
.themes a {padding:5px 3px !important;}

.content h1, .content .h1 {
    font-size: 25px;
	margin-top:0px;
	margin-bottom:10px;
}

/*.breadcrumb {margin-top:27px;}*/

.mr10 {margin-right:10px;}

.meta, .meta a {color:#7692a2;}
.meta:hover {color:#7692a2;}

.alpha span {
    display: block;
    float: left;
    padding: 0 5px 0 0;
	font-size:16px;
}

.overflow {overflow:hidden;}
.alfa div{overflow:hidden;}
.alfa a {color:#468847; font-weight:bold; margin-right:5px !important;  margin-bottom:0px !important;}
.alfa a:hover {color:#b94a48}
.alfa span {	margin-right:5px !important;  margin-bottom:0px !important;}

.p5{padding:5px}

.fs100 {font-size:100% !important}

.bank-nav a {padding:5px 7px !important; text-decoration:underline; font-size:16px;}
/*.bank-nav hr {margin:5px 0px;}*/
.bank-nav li.border {border-top:1px solid #eee; margin-top:12px; margin-bottom:-15px}
.bank-img {
    height: 100px;
/*  margin-left: 40px;*/
    margin-top: 10px;
    width: 150px;
	margin-bottom:0px;
}


.bank-name {font-size: 19px; margin-bottom: 7px;}
.bank-name h1 {font-size: 19px; margin:0px; padding:0px; display:inline;}


.comment_themes .radio {float:left;
width:33%;}
.bold {font-weight:bold;}
.rating {position:relative; top:3px;}
.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px;}

.mb5 {margin-bottom:5px;}

.tc {
    text-align: center !important;
}

.w100 {
    width: 100px !important;
}
table.nobd td {border:none !important;}

.box-pagination {text-align:center; margin-bottom:30px}
.box-pagination .pagination {margin-top:10px; margin-bottom:0px;}
.panel-title {display:inline;}

.modal {}


.limg {
margin-top:5px;
margin-bottom:10px;
margin-right:10px;
}

.rimg {
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
}

.panel .panel-footer, .panel .panel-heading, .panel .panel-body {
	padding:5px 10px !important;
}

.credit-info th, .credit-info td {padding:3px; font-size:13px;}
.credit-info {margin:0px;}
.credit-title {color:#000; font-weight:bold; text-decoration:underline}
.credit-text {font-size:13px;}
.fs13, .fs13 p {font-size:14px !important}

.mt10 {margin-top:10px;}
.justify {text-align:justify}

.credit-item h2 {font-size:15px; font-weight:bold;}
.credit-item dt {color:#7692a2}
.credit-item dd {padding-bottom: 8px;}

.another-credit {
	font-size:13px;
}
.another-credit a {color:#000}
.mb0 {margin-bottom:0px;}
.pr3 {position:relative; top:3px}
/*
.podbor label {font-size:13px; padding-left:0px; padding-right:0px; padding-top:7px !important;}
.mt-20 {margin-top:-20px}
.podbor .naznachenie {font-size:13px; font-weight:bold; margin:20px 0px 10px 0px}
.pereplata {float:right; color:#000; font-weight:bold; width:200px; text-align:right;}
.sort-credit a {width:140px;}
*/
.credit-head {min-height:55px;}

#front-offers {margin-bottom:20px}

.banks-front .media {border-bottom:1px solid #ECF0F1; padding-bottom:8px; margin-top:5px;}
.banks-front .media .allstars {margin-left:0px}
.radio .bold {font-weight:bold;}

.infoblock {margin-bottom:10px;}
.avatar2 {
    min-height: 40px;
    overflow: hidden;
    text-align: center !important;
    width: 80px !important;
	margin-right:7px;
}
.w50 {width:50%}
.w25 {width:25%}

#citymap {
    background: url("/bitrix/templates/cap/images/map.gif") repeat scroll 0 0 #D0CFCF;
    overflow: hidden;
    position: relative;
	height: 450px;
}

.ymap-baloon.loaded {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    max-height: 290px;
    overflow: hidden;
    padding: 0;
}
.ymap-baloon {
    background: url("/bitrix/templates/cap/images/ajax-loader.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    font-size: 13px;
    width: 380px;
	height:120px;
}
.big-baloon { width:420px; height:200px;}

.bank-menu a {font-size:17px; text-decoration:underline;}
.bank-menu .active a {text-decoration:none;}
.w80 {width:80px;}
.podbor .naznachenie2 {font-size:13px; font-weight:bold; margin:20px 0px -10px 0px}

.select_credit_type a {border-bottom:1px dotted #2FA4E7}
.fs15 {font-size:15px}
.fs16 {font-size:16px}

.pb20 {padding-bottom:20px}
.ml10 {margin-left:10px;}

/*******************************************/
.fr {float:right;}

/*******************************************/
/*#main {margin-top:65px;}*/


.content .title {font-size:18px; color: #7692a2; margin-bottom:5px; }
.content .h2, .content h2 {font-size:23px; margin:0px 0px 10px 0px }
.content .h3, .content h3 {font-size:20px; margin:0px 0px 10px 0px}

.bank-rating .num {font-size:11px;}
.bank-rating .place {color: #7692a2; font-weight:bold;}
.bank-rating td {vertical-align:top;}
.bank-rating .stars{
	background:url("/bitrix/templates/cap/images/stars2.png") no-repeat scroll -84px 0 transparent;
	margin-left:-3px;
}

.bank-menu2 {margin-top:20px}
.content hr {margin:10px 0px;}
.bank-contacts {margin-top:15px;}
/*.bank-contacts hr {margin:3px 0px;}*/
.bank-contacts dt, .bank-contacts dd  {margin:3px 0px;}
.bank-contacts dt {/*width:200px;*/ width:20%;}
.bank-contacts dd {/*padding-left:210px;*/ padding-left:22%; border-bottom:1px solid #eee;}
.credit-params {color:#b94a48; font-size:13px;}
.popular-credits {margin-top:15px;}
.popular-credits hr {margin:5px 0px;}
.nowrap {white-space:nowrap}
.popular-credits .all a {color:#446e9b; text-decoration:underline;}
.popular-credits .all a:hover {text-decoration:none;}

.bank-news {margin-top:20px;}
.bank-comments h3 a,.bank-news h3 a{color:#fff; text-decoration:underline;}
.bank-comments h3 a:hover,.bank-news h3 a:hover{text-decoration:none;}
.bank-comments .ava {
	width: 100px !important;
	text-align: center !important;
	overflow:hidden;
	min-height:40px;
}
.bank-comments .ava .nickname, .bank-comments .ava .date {font-size:13px}
.bank-comments .ava .nickname {font-weight:bold;}
.bank-comments .ava .date {font-style:italic;}
.bank-comments  .tag {font-size:15px; color: #3399f3;font-weight:bold;}

.bank-comments .comment a {
    color: #000000;
    text-decoration: none;
}
.bank-comments .comment a:hover {
	text-decoration: underline;
}


.w60 {width:60%}
.w40 {width:40%}
.w80 {width:80%}
.w20 {width:20%}
.w10 {width:10%}
.nomg {margin:0px !important;}
.mt-7{margin-top:-7px}
.office-info {margin: -20px 0px 0px 0px}
.office-info dt {width:65%;}
.office-info dd {padding-left: 67%; border-bottom:1px solid #eee; margin-left:0px; margin-top:5px; margin-bottom:5px;padding-bottom:3px;}
/*.office-info hr {margin:4px 0px}*/
.office-info td {border:none !important;}
.credit-table {margin-bottom:0px}
.credit-table td {padding:3px !important; }
.credit-table td span { font-size:13px;}
.about-cities {margin-top:20px;}
.mnenie td {vertical-align:top; padding:3px 0px;}
.mnenie  ul {padding-left:10px}
.mnenie li {list-style-type:none; line-height:15px; padding-bottom:5px;}
.mnenie td.td2 { padding:0px 5%;}
.td_currency {font-size:33px; text-align:center; vertical-align:middle !important;}
.item-table td {padding:3px !important;}
.params-info dt {margin-bottom:5px}
.params-info dd {margin:6px 0px}
/*.params-info hr {margin:7px 0px}*/
.params-info dt {/*width:300px;*/ width:25%;}
.params-info dd {padding-left:28%; /*padding-left: 320px;*/ border-bottom:1px solid #eee}
.mt30 {margin-top:30px !important;}
.articles .media-heading {line-height:1; font-size:15px}

.banki .media {
	border: 7px solid #FFF;
    padding: 3px;
	margin:0;
}
.banki .media:hover {
	border: 7px solid #f5f5f5;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);	
    -moz-box-shadow: 0 1 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1 1px rgba(0, 0, 0, 0.05);	
}
.banki .media-heading a {font-size:15px; font-weight:bold;}


/******** ERROR *********/
.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }


.citiescol {
    float: left;
    overflow: hidden;
    padding: 0 10px 0 0;
    width: 22%;
}
.citiescol span {
    display: block;
    padding: 0 0 4px;
}
.citiescol .let {
    display: block;
    padding-top: 7px;
    font-size: 22px;
    font-weight: bold;	
}

h3.panel-title a{color:#fff}
h3.panel-title a:hover{color:#3399f3}
.h3.panel-title a{color:#fff}
.h3.panel-title a:hover{color:#3399f3}

.topmenu {font-size:16px;}
.topmenu .navbar-brand {font-weight:bold;  text-transform: uppercase; }
.topmenu a {padding-right:12px !important;padding-left:7px !important;}
.topmenu a:hover {color:#446e9b;}

.w100p {width:100%}

#footer {/*background:#2FA4E7;*/ min-height:50px; padding-top:10px; color:#fff; margin-top:30px;}
#footer {background-image:-webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);background-image:-o-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);background-image:-webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d));background-image:linear-gradient(#6d94bf, #446e9b 50%, #3e648d);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);-webkit-filter:none;filter:none;border:1px solid #345578;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}

.listing {color:#7692a2; margin-left:150px; font-size:17px;  margin-top:10px}
.listing ol,.listing ul {margin-left:25px; padding-left:0px; }
.listing ol ol,.listing ul ul {margin-left:17px;margin-top:5px;}
.listing li {margin-bottom:3px; }
.listing li li {font-size:80%; margin-bottom:3px;}
.listing a {color:#7692a2; text-decoration:underline;}
.listing a:hover {text-decoration:none; color:#3399f3}
#modal_adress img {width:560px;}

/*******************************/
.another-articles  {margin-left:-8px;}
.another-articles .media {padding:5px; margin-top:0px;}
.another-articles .media-heading {font-size:20px; line-height:1.2; margin-top:-3px;}
.another-articles .media:hover {
    background: none repeat scroll 0 0 #b94a48;
    color: #FFFFFF !important;
}

.another-articles .h3 {color:#b94a48;}

.another-articles .media a:hover {
    color: #FFFFFF !important;
}
.ml4 {margin-left:4px !important;}
/*****************************/
.bad-opinion {
	background-image: url("/bitrix/templates/cap/images/bad-opinion.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.big-bad-opinion {
	background-image: url("/bitrix/templates/cap/images/big-bad-opinion.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.good-opinion {
	background-image: url("/bitrix/templates/cap/images/good-opinion.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.big-good-opinion {
	background-image: url("/bitrix/templates/cap/images/big-good-opinion.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.bank-list img {width:150px !important; height:75px !important; }
.w20 {width:20%;}

.exchange-table th {vertical-align:bottom !important; text-align:center; }
.w250px {width:250px;}
.w200px {width:200px;}
.w70px {width:70px;}


.sortable .order {
	background: url('/bitrix/templates/cap/images/updn.png') 0 0 no-repeat;
	width: 7px;
	height: 7px;
	display: inline-block;
	position:relative;
	left:5px;
	margin-right: -5px;
}
.sortable .order.dropup {
	background: url('/bitrix/templates/cap/images/updn.png') -13px 0 no-repeat;
}
.sortable .order .caret{
	display: none;
}

#currency_map .h3 {margin-bottom:0px;}
#currency_map {margin-top:20px;}
.small-table {font-size:12px}
.small-table td,.small-table th {text-align:center;}


.minilogo {vertical-align:bottom; margin-right:7px;}
.mb10 {margin-bottom:10px;}

.w80p {width:80%}
.fs24 {font-size:24px;}
.currency-letter {position:relative; top:6px;}
.about-currency:hover {border-bottom:1px dotted #b94a48;}
.about-currency {text-decoration:none !important;}
/*****************************/
/*
.btn-city {
  color: #ffffff;
  background-color: #7a8288;
  border-color: #7a8288;
  border:1px solid #5D6163;
}
.btn-city:focus,
.btn-city.focus {
  color: #ffffff;
  background-color: #62686d;
  border-color: #3e4245;
}
.btn-city:hover {
  color: #ffffff;
  background-color: #62686d;
  border-color: #5d6368;
}
.btn-city:active,
.btn-city.active,
.open > .dropdown-toggle.btn-city {
  color: #ffffff;
  background-color: #62686d;
  border-color: #5d6368;
}
.btn-city:active:hover,
.btn-city.active:hover,
.open > .dropdown-toggle.btn-city:hover,
.btn-city:active:focus,
.btn-city.active:focus,
.open > .dropdown-toggle.btn-city:focus,
.btn-city:active.focus,
.btn-city.active.focus,
.open > .dropdown-toggle.btn-city.focus {
  color: #ffffff;
  background-color: #51565a;
  border-color: #3e4245;
}
.btn-city:active,
.btn-city.active,
.open > .dropdown-toggle.btn-city {
  background-image: none;
}
.btn-city.disabled:hover,
.btn-city[disabled]:hover,
fieldset[disabled] .btn-city:hover,
.btn-city.disabled:focus,
.btn-city[disabled]:focus,
fieldset[disabled] .btn-city:focus,
.btn-city.disabled.focus,
.btn-city[disabled].focus,
fieldset[disabled] .btn-city.focus {
  background-color: #7a8288;
  border-color: #7a8288;
}
.btn-city .badge {
  color: #7a8288;
  background-color: #ffffff;
}

.btn-city {
  background-image: -webkit-linear-gradient(#8a9196, #7a8288 60%, #70787d);
  background-image: -o-linear-gradient(#8a9196, #7a8288 60%, #70787d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8a9196), color-stop(60%, #7a8288), to(#70787d));
  background-image: linear-gradient(#8a9196, #7a8288 60%, #70787d);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a9196', endColorstr='#ff70787d', GradientType=0);
  -webkit-filter: none;
          filter: none;
}

.btn-city:hover {
  background-image: -webkit-linear-gradient(#404448, #4e5458 40%, #53595d);
  background-image: -o-linear-gradient(#404448, #4e5458 40%, #53595d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#404448), color-stop(40%, #4e5458), to(#53595d));
  background-image: linear-gradient(#404448, #4e5458 40%, #53595d);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff404448', endColorstr='#ff53595d', GradientType=0);
  -webkit-filter: none;
          filter: none;
}
*/
/********************************************/
#city_change_form .citiescol {
 width:32%;
 font-size:14px;
}

#city_change_form .citiescol .b {
 font-weight:bold;
 font-size:15px;
}

#city_change_form .citiescol .big {
 font-weight:bold;
 font-size:16px;
}

#city-btn {
/*	margin:2px 5px;	*/
}
.nocont::before {
	content:none !important;
}

#footer-right a {
  color: #dddddd;	
}

#footer-right a:hover,#footer-right a:focus {
  color: #fff;
  background-color: transparent;
}
#footer-right {
	float:right;
	margin-top:5px;	
}

#footer-right span{ margin-left:10px;}
.breadcrumb {min-height:47px;}

#search-credit-panel .nav li a {padding:5px 10px}
#search-credit-panel .form-horizontal .control-label {padding-top:5px;}

.breadcrumb > .active {color:#fff;}

.breadcrumb span.sep {
    color: #cccccc;
    content: "/ ";
    padding: 0 5px;
}

.pereplata {font-weight:bold;}
.pereplata span {font-size:20px;}

.submenu span {margin-top:3px;}
.submenu span,.submenu a  {float:left; margin-right:10px; margin-bottom:10px;}
.submenu  hr{clear: both;}
.underline a {text-decoration:underline !important;}

@media screen and (max-width: 768px)
{
 .blog_article img {height:auto; width:100%;}
 .blog_article .img-thumbnail {width:110px !important; height:110px !important;}
 .listing  {margin-left:0px; margin-top:30px;}
 .media-body {display:inline !important}
}

.font13 {font-size:13px;}
.mt-2 {margin-top:-2px}

/********************************************/

.panel-shadow {
    box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;
}
.panel-white {
  border: 1px solid #dddddd;
}
.panel-white  .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}
.panel-white  .panel-footer {
  background-color: #fff;
  border-color: #ddd;
}

.post .post-heading {
  height: 95px;
  padding: 20px 15px;
}
.post .post-heading .avatar {
  width: 60px;
  height: 60px;
  display: block;
  margin-right: 15px;
}
.post .post-heading .meta .title {
  margin-bottom: 0;
}
.post .post-heading .meta .title a {
  color: black;
}
.post .post-heading .meta .title a:hover {
  color: #aaaaaa;
}
.post .post-heading .meta .time {
  margin-top: 8px;
  color: #999;
}
.post .post-image .image {
  width: 100%;
  height: auto;
}
.post .post-description {
  padding: 15px;
}
.post .post-description p {
  font-size: 14px;
}
.post .post-description .stats {
  margin-top: 20px;
}
.post .post-description .stats .stat-item {
  display: inline-block;
  margin-right: 15px;
}
.post .post-description .stats .stat-item .icon {
  margin-right: 8px;
}

.input-group-addon a {
  color: #454545;
}
.comments-list {
  padding: 0;
  margin-top: 20px;
  list-style-type: none;
}
.comments-list .comment {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.comments-list .comment .avatar {
  width: 45px;
  height: 45px;
}
.comments-list .comment .comment-heading {
  display: block;
  width: 100%;
}
.comments-list .comment .comment-heading .user {
  font-size: 14px;
  font-weight: bold;
  display: inline;
  margin-top: 0;
  margin-right: 10px;
}
.comments-list .comment .comment-heading .time {
  font-size: 12px;
  color: #aaa;
  margin-top: 0;
  display: inline;
}
.comments-list .comment .comment-body {
  margin-left: 60px;
}
.comments-list .comment > .comments-list {
  margin-left: 60px;
}

.captcha {margin-right:-20px;}
.mr5 {margin-right:5px;}