

/* Start:/local/templates/.default/components/bitrix/catalog/mortgage/style.css?17930139461122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/style.css?179301394637588*/
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /* vertical-align: baseline; */
  outline: none;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.size_small {
    font-size: 2em !important;
    letter-spacing: -1.3px;
}

.size_medium {
    font-size: 2.3em;
}

.size_medium_deposit {
    letter-spacing: 1px;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; font: 1em/1.5em 'PT Serif', serif; color: #000;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
a { color: #4c9bd2; }
a:hover { text-decoration: none; }
p { font: 1em/1.5em 'PT Serif', serif; color: #000; margin: 20px 0 30px 0; }

body { background: #fff; position: relative;  font: 1em/1em 'PT Serif', serif; color: #666666; }

.wrapper { width: 1200px; margin: 0 auto; }
.container { width: 920px; margin: 0 auto; position: relative; }
.container p { } 

h1,
.banner_title { font: 600 2.5em/1.2em 'PT Sans', serif; color: #000; margin-bottom: 0.6em; text-align: left; }

h1 {
    font: bold 3em/1em 'PT Sans', serif; color: #000; margin-bottom: 1.15em;
}

h2 { font: bold 2.5em/1em 'PT Sans', serif; color: #000; margin-bottom: 1.3em; text-align: left; letter-spacing: -.5px;}
.h { font: 600 1em/1.2em 'PT Sans', serif; color: #1588ca; margin-bottom: 23px; display: block; }
.text h1 { font: bold 3em/1em 'PT Sans', serif; color: #000; margin-bottom: 1.15em; }
.text h2 { font: bold 2.3em/1.3em 'PT Sans', serif; color: #000; margin-bottom: 1.1em; }

.text_press-center a:not(.btn) {
    color: #1588ca;
}

h3 { cursor: pointer; font: 600 1.3em/1.5em 'PT Sans', serif;  }
.header { position: relative; }
.header .menu { display: block; height: 50px; border-bottom: 1px solid #ebebeb; padding-top: 11px; margin-bottom: 30px; }
.header .top { display: block; margin-bottom: 25px; }
.header .banner { height: 610px; position: relative; left: 0px; top: 0px; width: 100%; display: block; z-index: 10; }

.header .bn_1 { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_banner-1.jpg) center top no-repeat; }
.header .bn_2 { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_banner-2.jpg) center top no-repeat; }
.header .bn_3 { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_banner-3.jpg) center top no-repeat; }

.logo { margin-right: 20px; }

.header .town { display: inline-block; vertical-align: top; font: 0.9em/1em 'PT Sans', serif; color: #000; position: relative; margin: 18px 27px 0px 0px; padding-bottom:1px; border-bottom: 1px dotted #000; }
.header .town:before { display: block; width: 10px; height: 6px; content: ''; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrow_bottom-black.png) left top no-repeat; position: absolute; right: -15px; top: 4px; }

.header .phone { display: inline-block;  font: bold 0.9em/1em 'PT Sans', serif; color: #000; vertical-align: top; padding: 0px 0px 0px 25px; position: relative; margin: 18px 15px 0px 0px; }
.header .phone:after { display: block; width: 18px; height: 18px; content: ''; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/phone.png) left top no-repeat; position: absolute; left: 0px; top: -2px; }

.header .maps { display: inline-block;  font: 0.9em/1em 'PT Sans', serif; color: #000; vertical-align: top; padding: 0px 0px 0px 20px; position: relative; margin-top: 18px; color: #808080; }
.header .maps a { color: #1588ca; }
.header .maps:after { display: block; width: 13px; height: 19px; content: ''; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/dot.png) left top no-repeat; position: absolute; left: 0px; top: -2px; }

.main .top { position: absolute; width: 100%; top: 80px; z-index: 1000; }
.top .btn { float: right; width: 200px; margin-top: 6px; }

.banner { padding: 201px 0px 0px 0px; position: relative; z-index: 10; }
.banner .banner_title { width: 50%; letter-spacing: -.6px; line-height: 1.25em; margin-bottom: .55em;}

@media (max-width: 899px) {

    .banner .banner_title {
        font-size: 1.25em;
    }
}

.banner p:not(.banner_title) { font: 1em/1.5em 'PT Serif', serif; color: #000; width: 45%; margin-bottom: 35px; }
.banner img { width: auto !important; position: absolute; right: 35px; top: 0px; }

.menu ul:after { display: none; }
.main .menu { position: absolute; top: 0px; z-index: 1000; width: 100%; }
.menu ul { float: left; padding-top: 6px; }
.menu li { display: inline-block; vertical-align: top; list-style-type: none; font: 0.8em/1.2em 'PT Sans', serif; color: #000;  }
.menu li:not(:last-child) {
    margin-right: 16px;
}
.menu li a { font: 1em/1em 'PT Sans', serif; }

.menu .horizontal-multilevel a {color: #000; }
.menu .horizontal-multilevel li.grey a {color: #808080; }
/*.menu .horizontal-multilevel li.grey a { color: #AAA; }*/
.menu .horizontal-multilevel a:hover { text-decoration: none; }

.menu .horizontal-multilevel a.root-item-selected {
    text-decoration: none;
    color: #000 !important;
}
.menu .horizontal-multilevel li.grey a.root-item-selected {
    text-decoration: none;
    color: #808080 !important;
}

.nav {
    background: #1079bf;
    padding: 23px 0px 23px 0px;
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 900px) {

    .nav {
        padding-bottom: 0;
    }
}

.nav ul { float: left; text-align: justify; width: calc(100% - 54px);}
.nav ul::after {
    content: '';
    display: inline-block;
    width: 100%;
}
.nav li { display: inline-block; vertical-align: top; list-style-type: none; }
.nav a { color: #fff; font: .95em/1.4em 'PT Sans', serif; letter-spacing: 0; font-weight: bold;}

.nav a.root-item-selected {
    text-decoration: none;
}

.search { margin-top: 3px; margin-right: 5px; float: right; width: 13px; height: 13px; display: block; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/search.png) left top no-repeat; position: relative; top: 3px; }

.btn { border-radius: 5px; color: #fff; text-decoration: none; font: 400 0.8em/1em 'PT Sans', serif; position: relative; }
.btn_small { width: 140px; padding: 8px 10px 8px; font: 400 0.8em/1em 'PT Sans', serif; }
.btn_bank { float: right; position: relative; }
.btn_bank:before { content: " "; display: block; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/lock.png) left top no-repeat; width: 10px; height: 13px; position: absolute; right: 10px; top: 7px; }
.btn_orange { background: #ff7d26; }
.btn_middle { width: 200px; text-align: center; height: 40px; vertical-align: middle; display: inline-block; color: #fff; font: 1em/2.4em 'PT Sans', serif; background: #1a97d4; /* Old browsers */
background: -moz-linear-gradient(top, #1a97d4 0%, #1079bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a97d4), color-stop(100%,#1079bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a97d4 0%,#1079bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a97d4', endColorstr='#1079bf',GradientType=0 ); /* IE6-9 */ }

.input_pay {
    width: 120px !important;
    margin-right: 17px !important;
}

.btn_icon { width: 200px; text-align: left; height: 40px; padding-left: 20px; vertical-align: middle; display: inline-block; color: #fff; font: 500 1em/2.2em 'PT Sans', serif; letter-spacing: -.3px; background: #1a97d4; /* Old browsers */
background: -moz-linear-gradient(top, #1a97d4 0%, #1079bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a97d4), color-stop(100%,#1079bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a97d4 0%,#1079bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a97d4', endColorstr='#1079bf',GradientType=0 ); /* IE6-9 */ }

.btn_arrow:before { width: 10px; height: 6px; display: block; content: ''; position: absolute; right: 15px; top: 17px; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrow_bottom.png) left top no-repeat; }
.btn_arrow_up:before{ width: 10px; height: 6px; display: block; content: ''; position: absolute; right: 15px; top: 17px; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrow_up.png) left top no-repeat; }

.fast_links { text-align: center; margin-left: -20px; margin-right: -20px}
.fast_links a { letter-spacing: .25px; text-decoration: none; font: bold 0.9em/1.5em 'PT Sans', serif; color: #000; display: block; height: 90px; background: #fff; padding: 14px 0px 20px 23px; overflow: hidden; position: relative; width: 100%; }
.fast_links a { -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
.fast_links li:hover a { -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
.fast_links li { list-style-type: none; display: inline-block; text-align: left; padding-left: 20px; padding-right: 20px; }
.fast_links_item {
    box-shadow: 1px 10px 20px #bbd9ed;
}
.fast_links li:last-child { margin-right: 0px; }
.fast_links li:first-child { margin-left: 0px; }


.fast_links .links-one a { background: #fff url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_nav-1.png) right top no-repeat; background-size: cover; }
.fast_links .links-two a { background: #fff url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_nav-2.png) right top no-repeat; background-size: cover; }
.fast_links .links-three a { background: #fff url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/bg_nav-3.png) right top no-repeat; background-size: cover; }


.offers article { position: relative; height: 280px; overflow: hidden; float: left; margin-bottom: 40px; }
.offers article span { z-index: 100; position: relative; display: block; font: bold 1.3em/1.2em 'PT Sans', serif; padding: 39px 40px 20px 41px; color: #1588ca; text-decoration: underline; letter-spacing: -.7px;}
.offers article ins { z-index: 100; position: relative; display: block; font: 0.8em/1.5em 'PT Serif', serif; padding: 0px 40px 40px 40px; color: #666666; text-decoration: none; border-bottom: 0px; }
.offers article a { text-decoration: none; }
.offers article a ins { text-decoration: none; }
.offers article img {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

@media (min-width: 900px) {

    .offers article.off_two {
        width: 600px;
    }
}
.offers article.off_two span { font: bold 1.8em/1.3em 'PT Sans', serif; }
.offers article.off_two span, .offers article.off_two ins { width: 55%; }

.offers .rows article.off_one {
    width: 50%;
}


@media (min-width: 900px) {

    .offers .rows article.off_one {
        width: 280px;
    }

    .offers .rows {
        margin-left: auto;
        margin-right: auto;
    }
}

.offers .rows article { margin-left: 40px; }
.offers .rows article:first-child { margin-left: 0px; }

.offers article div div { display: none; }
.offers article div.hover:hover div { display: block; position: absolute; left: 0px; top: 0px;  z-index: 1000; width: 280px; height: 280px; }



.col_3::before, .col_5::before, .col_3::after, .col_5::after, .col_4::before, .col_4::after, .bottom::before, .bottom::after, .menu::after, .menu::before, .container::after, .container::before, .offerss::before, .offers::after { content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; clear: both; }

.col_3 li, .col_5 li, .col_4 li { display: block; list-style-type: none; vertical-align: top; float: left; }

.col_3 li { width: 33.3333%; }

.col_5 li {
    width: 49%;
}

.col_4 li {
    width: 50%;
}

@media (min-width: 990px) {
    .col_5 li {
        width: 20%;
    }

    .col_4 li {
        width: 25%;
    }
}



.li ul { margin-bottom: 40px; margin-left: -15px; margin-right: -15px; }
.li li { text-align: left; display: inline-block; padding-left: 15px; padding-right: 15px; }
.li li:last-child { padding-right: 0px; }
.li img { display: block; margin-bottom: 20px; width: 100%; }
.li p { margin-bottom: 21px; font: 500 1.2em/1.45em 'PT Sans', serif; overflow: hidden; padding-right: 0px; }

@media (min-width: 900px) {

    .li p {
        max-height: 70px;
    }
}

.li p a { color: #1588ca; font-weight: bold; }
.li span { font: 0.9em/1.45em 'PT Serif', serif; color: #666666; padding-right: 20px; }


.block { padding: 70px 0px 60px 0px; }

.block_services {
    padding-top: 105px;
    padding-bottom: 35px;
}

.block_line {
    padding-top: 86px;
    padding-bottom: 100px;
}

.block_card-line {
    margin-top: 120px;
    padding-top: 57px;
}

.btn_middle_line {
    width: 222px;
    height: 50px;
    padding-top: 5px;
    font-size: 1.1em;
    margin-top: 22px;
    letter-spacing: -.3px;
}

.btn_middle_finance {
    margin-top: 9px;
}

.block_services h2 {
    margin-bottom: 1.37em;
}

.block_mobile-bank {
    padding-top: 45px;
}

.block_transfer {
    display: none;
}

@media (min-width: 900px) {

    .block_transfer {
        padding-top: 86px;
        padding-bottom: 82px;
        display: block;
    }
}

.block_finance {
    padding-top: 104px;
}

.block_finance .li ul {
    margin-left: -20px;
    margin-right: -20px;
}

@media (max-width: 989px) {

    .block_finance .li ul,
    .block_news .li ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.block_finance .li li {
    padding-left: 20px;
    padding-right: 20px;
}

.block_news {
    padding-top: 45px;
    padding-bottom: 119px;
}

.block_news .li p {
    margin-top: 0;
    max-height: 90px;
}

.transfer_h-margin {
    margin-bottom: .8em;
}

.block_news .li span {
    font-size: .8em;
    line-height: 1.5em;
}

.finance_h-margin {
    margin-bottom: 1.35em;
}

.news_h-margin {
    margin-bottom: 1em;
}

.line { background: #f2faff; }

.mobile {
    background-image: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/mobile.png);
    background-position: calc(100% + 400px) calc(100% + 50px);
    background-repeat: no-repeat;
}

@media (min-width: 900px) {

    .mobile {
        background-position: 97% bottom;
        height: 365px;
    }
}

.mobile_padding {padding-top: 21px;}
.mobile h2 { margin-bottom: 0.7em; }
.mobile p { font: 1em/1.45em 'PT Serif', serif; color: #000; width: 40%; margin-bottom: 40px; }

.app { display: inline-block; width:130px; height: 40px; margin-right: 20px; }
.apple { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/apps.png) left top no-repeat; }
.google { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/apps.png) -150px top no-repeat; }

.footer { display: block; border-top: 1px solid #82c0e3; padding: 55px 0px; }
.footer .bottom div { width: 100%; float: left; vertical-align: top; }

@media (min-width: 900px) {

    .footer .bottom div {
        width: 25%;
    }
}
.footer .bottom ul li a { font: 0.8em/1.2em 'PT Sans', serif; color: #666; }
.footer .bottom ul li { margin-bottom: 13px; }
.footer .bottom ul { margin-bottom: 39px; }

.copy { padding-top: 5px; margin-top: 18px; border-top: 1px solid #ebebeb; }
.copy div { display: inline-block; vertical-align: top; }
.copy div p { font: 0.8em/1.5em 'PT Serif', serif; color: #666; margin-bottom: 20px; }
.copy div p a { font: 1em/0.9em 'PT Sans', serif; color: #666; margin-right: 24px; }
.copy div:first-child { width: 25%; }
.copy_licension {
    margin-top: 0;
}
.copy_date {
    margin-bottom: 12px !important;
}

.copy_right {
    padding-left: 5px;
}

.copy_faces {
    margin-bottom: 11px !important;
}

.copy_links {
    margin-top: 0;
}

.dots { margin-bottom: 31px; }
.dots a { font: 0.75em/1em 'PT Sans', serif; color: #808080; }

.sidebar { float: right; max-width: 280px; width: 100% }
.sidebar ul { padding: 23px 50px 33px 35px; box-shadow: 14px 14px 40px rgba(16, 121, 191, .5); }
.sidebar ul li { list-style-type: none; margin-bottom: 24px; font: 1em/1em 'PT Sans', serif; }
.sidebar ul li  a { color: #1588ca; }

.text { float: left; width: 65%; padding-bottom: 70px; }
.text p { color: #000000; font: 1.05em/1.75em 'PT Serif', serif; margin-bottom: 35px; }

.ol { padding-left: 40px; }
.ul { padding-left: 30px; }
.ul li, .ol li { font: 1em/1.45em 'PT Serif', serif; margin-bottom: 25px; color: #000; position: relative; }
.ul li:before {
    content:  "—";
    position: relative;
    left:     -5px;
}

.img { margin-bottom: 45px; display: block; }
.img img { display: block; margin-bottom: 10px; }
.img figcaption { text-align: left; color: #808080;  font: 0.8em/1.5em 'PT Serif', serif; }

.table { margin-bottom: 50px; }
.table tr { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.table td { padding: 16px 0px; font: 1em/1.5em 'PT Serif', serif; color: #000; }
.table td:first-child { font: 0.8em/1.5em 'PT Sans', serif; color: #666666; }


#accordion { margin-bottom: 50px; }
#accordion h3 { margin-bottom: 30px; position: relative; }
#accordion h3 a { cursor: pointer; color: #4c9bd2; font: 600 0.9em/1.1em 'PT Sans', serif; border-bottom: 1px dotted #4c9bd2; display: inline-block; position: relative; }
#accordion h3 a:before { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrows_blue.png) left -8px no-repeat; content: ''; display: block; width: 8px; height: 6px; position: absolute; right: -18px; top: 7px;  }
#accordion h3.ui-accordion-header-active a { color: #000; border-bottom: 1px dotted #000; }
#accordion h3.ui-accordion-header-active a:before { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrows_blue.png) left -1px no-repeat; }

.docs p { font: 1em/1.5em 'PT Serif', serif; padding-left: 60px; position: relative; min-height: 81px;}

.docs p:not(:last-child) {
    margin-bottom: 43px !important;
}

.docs p:after { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/doc.png) left top no-repeat; content: ''; width: 40px; height: 55px; position: absolute; left: 0px; top: 0px; }
.docs p a { color: #1588ca; }
.docs span { display: block; color: #666666; font: 0.8em/1.5em 'PT Serif', serif; }

.pay { display: inline-block; padding-left: 1px; vertical-align: top; position: relative; }
.pay:first-child { width: 60.5%; }
.pay:first-child:before { content: ''; width: 30px; height: 20px; position: absolute; right: 20px; top: 154px; background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrow_right.png) left top no-repeat; }
.pay:first-child .card { margin-bottom: 110px; box-shadow: 14px 14px 40px rgba(16, 121, 191, .5); }
.pay:last-child {
    width: 39%;
}
.pay p { color: #666666; font: 0.8em/1.5em 'PT Sans', serif; margin-bottom: 13px; }
.pay p:last-child { position: relative; top: 7px; width: 80%; }
.pay .card { width: 360px; height: 225px; background: #454545; border-radius: 10px; padding: 32px 71px 0px 29px; position: relative; z-index: 1000; margin-bottom: 20px; }
.pay .card_back { width: 360px; height: 225px; background: #c3d1d9; border-radius: 10px; position: absolute; z-index: 10; left: 120px; top: 134px; padding: 81px 0px 0px 272px; }
.pay .card_back:after { content: ''; height: 45px; width: 360px; background: #6c5042; position: absolute; left: 0px; top: 30px; }
.pay .card p { color: #bebebe; font: 0.8em/1.5em 'PT Sans', serif; margin-bottom: 15px; display: inline-block; vertical-align: middle; margin-right: 30px; }
.pay .card input[type="text"] { border: 1px solid #000; margin-bottom: 11px; font-size: 1em;}
.pay .card_back input[type="text"] { width: 60px; border: 1px solid #a6b2b9; }
.card .system { position: absolute; bottom: 10px; right: 16px; width: 83px;}
.ok { position: absolute; right: 36px; top: 105px; }

input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #cccccc; margin-right: 10px; position: relative; top: 3px;  }
input[type="text"] { border: 1px solid #ced5d9; margin-bottom: 20px; display: inline-block; width: 100%; height: 50px; padding: 0px 15px; border-radius: 5px; font: 1.2em/1.5em 'PT Sans', serif; color: #000; margin-right: 20px; }
.pay .check { padding-top: 9px; color: #000; font: 1em/1.5em 'PT Sans', serif; margin-bottom: 32px; }
input[type="submit"] { border-radius: 5px; color: #fff; text-decoration: none; position: relative; border: 0px; width: 220px; text-align: center; height: 50px; vertical-align: middle; position: relative; top: -2px; display: inline-block; color: #fff; font: 500 1em/3em 'PT Sans', serif; background: #1a97d4; /* Old browsers */
background: -moz-linear-gradient(top, #1a97d4 0%, #1079bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a97d4), color-stop(100%,#1079bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a97d4 0%,#1079bf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a97d4 0%,#1079bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a97d4', endColorstr='#1079bf',GradientType=0 ); /* IE6-9 */ }

.soc { margin-bottom: 31px; }
.soc a { display: inline-block; vertical-align: top; height: 20px; width: 20px; margin-right: 10px; } 
.vk { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/soc.png) left top no-repeat; }
.inst { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/soc.png) -30px top no-repeat; }
.fb { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/soc.png) -60px top no-repeat; }

.owl-carousel { height: 610px; }
.owl-dots { position: absolute; bottom: 45px; width: 100%; text-align: center; }
.owl-nav { position: absolute; top: 300px; width: 100%; }
.owl-theme .owl-nav [class*="owl-"] { top: 45px; background: none !important; text-indent: -9999px; }
.owl-dot.active span { background: #fff !important; }
.owl-dot span { border: 1px solid #fff; background: transparent !important; }


.owl-theme .owl-nav .owl-prev { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrows_slider.png) left top no-repeat !important; width: 22px; height: 40px; display: block !important; left: 55px; position: absolute; }
.owl-theme .owl-nav .owl-next { background: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/arrows_slider.png) -23px top no-repeat !important; width: 22px; height: 40px; display: block !important; right: 55px; position: absolute; }

.menu-container, .toggle-menu { display: none; }

.none { display: none; }

.news-list { margin: 20px 0 30px 0;}
.news-date-time { font: 0.8em/1em 'PT Sans', serif; margin-top: 20px; display: block;}

.shadow { box-shadow: 10px 10px 40px -15px #4c9bd2; }

/* cards */

.card_img { display: none; float: left; border-radius: 15px; margin: 91px 0 30px 0; box-shadow: 10px 10px 40px -15px #4c9bd2; width: 280px;}

@media (min-width: 900px) {

    .card_img {
        display: block;
    }
}

.card_block {
    position: relative;
    width: 100%;
    clear:both;
    display: block;
    float: left;
    margin-top: 0px;
}

.card_block::before {
    content: '';
    position: absolute;
    left: -50px;
    top: 0;
    width: calc(100% + 100px);
    height: 100%;
    background-color: white;
    z-index: 0;
    box-shadow: 10px 10px 90px -30px #4c9bd2;
}

.card_block:hover::before {
    display: block;
}

@media (max-width: 1200px) {


    .card_block::before {
        width: 100%;
    }
}

.card_block_content {
    position: relative;
    z-index: 1;
}

/*.card_block:hover {  padding: 0px 45px; }*/
.card_block:hover .card_img { box-shadow: 0px 0 0; }
.card_block h3 { font: 600 2em/1em 'PT Sans', serif; line-height: 1.3em; margin: 83px 0 23px 0; color: #1588ca;}
.card_block h3 a { text-decoration: none; color: #4c9bd2 }
.card_block:hover h3 a { color: #000; }
.card_block p { font: 1em/1.5em 'PT Serif', serif; color: #000; }
.card_block .info  { width: 520px; float: left; margin: 0 41px 45px 0;}
.card_block .info table { margin: 30px 0 50px 0; width: 600px; }
.card_block .info table td { width: 30%;}
.card_block .info table td.limit { }
.card_block .info table td.percent {background: url(/bitrix/templates/bank/images/persent.png) 10px 0  no-repeat;  }
.card_block .info table td.service {background: url(/bitrix/templates/bank/images/service.png) 10px 0  no-repeat;  }

.card_block .info table.list-prod {
    width: auto;
}

.card_block .info td.point {background: url(/bitrix/templates/bank/images/point.png) 10px 0  no-repeat; padding-left: 50px;  height: 40px; }

.card_ico-advantages {
    display: flex;
    flex-direction: row;
    margin-bottom: 57px;
}

.card_advantages_item {
    position: relative;
    width: 39%;
    padding: 0 0 0 54px; font: 0.8em/1.5em 'PT Serif', serif;
}

.card_advantages_item:first-child {
    width: 31%;
}

.card_advantages_item:nth-of-type(2) {
    width: 30%;
}

.card_advantages_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.card_advantages_item_limit {
    background: url(/bitrix/templates/bank/images/limit.png) 0 0 no-repeat;
}

.card_advantages_item_percent {
    background: url(/bitrix/templates/bank/images/persent.png) 0 0  no-repeat;
}

.card_advantages_item_service {
    background: url(/bitrix/templates/bank/images/service.png) 0 0  no-repeat;
}

.card_advantages_item_point {
    background: url(/bitrix/templates/bank/images/point.png) 0 0  no-repeat;
}

.btn_card-block {
    width: 160px;
}

.btn_form-card {
    width: 238px;
    height: 50px;
    margin-top: 33px;
    padding-top: 12px;
    font-size: 1.44em;
    line-height: 1.5em;
}

/* filter */ 

.filter_top { margin-bottom: 52px; margin-top: 49px;  font: 1.1em/1em 'PT Sans', serif;}
.filter_top a {letter-spacing: 1px;}
.card_filter { padding: 0 0 40px 0; display: block; border-bottom: 1px solid #4c9bd2; }
.card_filter::after {
    content: '';
    display: table;
    clear: both;
}

.card_filter li {
    display: block;
    width: 100%;
    float: left;
    color: #000;
    font-family: 'PT Sans', serif;
    margin-bottom: 24px;
}

@media (min-width: 900px) {

    .card_filter li {
        width: 50%;
    }
}

input[type=checkbox] {
    display: none;
}

label {
    position: relative;
    padding-left: 29px;
    cursor: pointer;
}

label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #cdcdcd;
}
.map-block label::before{
    display: none;
}

input[type=checkbox]:disabled + label::before {
    border-color: #e7e7e7;
}

input[type=checkbox]:checked + label::before {
    background-image: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/checkbox-checked.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-color: transparent;
}

.card_item_two > p {
    margin-bottom: 51px !important;
}

/* cities */ 
#cityes { position: relative; background-color: #fff; width: 920px; padding: 50px 50px 30px 61px; }
.cities { margin-top: 30px; display: block; }
.city_title {
    margin-bottom: 20px;
    font-size: 1.8em;
    line-height: 1.4em;
    letter-spacing: .2px;
}

.cities a {
    font-size: 14px;
}

.cities li { display: block; float: left; width: 25%; font-family: 'PT Sans', serif; margin-bottom: 15px; padding: 3px 0 3px 25px ; }
.cityes_close { position: absolute;right: 22px; top: 24px; width: 14px; height: 14px; padding: 0 7px; color: #d45454; background-color: #fff;   border: 0px;    font-size: 30px; float: right;  }

.cityes_close::before,
.cityes_close::after {
    content: '';
    position: absolute;
    top: 6px;
    width: 100%;
    height: 2px;
    background-color: #cc3333;
}

.cityes_close::before {
    left: 0;
    transform: rotate(45deg);
}

.cityes_close::after {
    right: 0;
    transform: rotate(-45deg);
}

/*.c14 { background: url(/bitrix/templates/bank/images/cities/c14.png) no-repeat 0 0; }*/

/* sub client */
.sub_client {display: none; }

/* card_item */

.card_item_table { margin: 68px auto 100px; }
.card_item_table ul {
    margin-bottom: 3px;
}
.card_item_table td a.btn {
    margin: 23px 0 0 24px;
    padding-top: 4px;
    font-size: 1.1em;
    width: 239px;
    height: 50px;
}
.card_item_table  li { height: 50px; padding: 10px 0 0 71px; margin-left: 13px; }
.card_item_table  li:not(:last-child) {
    margin-bottom: 11px;
}
.card_item_table  li.limit {background: url(/bitrix/templates/bank/images/limit.png) 10px 0 no-repeat;  }
.card_item_table li.percent {background: url(/bitrix/templates/bank/images/persent.png) 10px 0  no-repeat;  }
.card_item_table li.service {background: url(/bitrix/templates/bank/images/service.png) 10px 0  no-repeat;  }
.card_item_table li.point {background: url(/bitrix/templates/bank/images/point.png) 10px 0  no-repeat;  }

.card_item_img { box-shadow: 14px 14px 40px rgba(16, 121, 191, .5); }

.card_item {
    width: 600px;
    margin: 30px auto 0;
}

.card-item_two {
    margin-top: 50px;
}

.card_item h1 {
    margin: 0 auto 59px;
}

.card_item p {
    margin: 30px auto;
}

.applepay_item {
    width: 50%;
}

.applepay_item p {
    line-height: 1.7em;
    letter-spacing: -.4px;
}

.applepay_item_apple {
    padding: 56px 0 0 59px;
    background: url(/bitrix/templates/bank/images/apple.jpg) 59px -3px  no-repeat;
}

.applepay_item_samsung {
    padding: 56px 0 40px 20px; background: url(/bitrix/templates/bank/images/samsung.jpg) 19px -3px  no-repeat;
}

.card_item h3, .card_item h2 {  margin: 50px auto;}
.card_item .applepay { box-shadow: 14px 14px 40px rgba(16, 121, 191, .5); width: 600px; margin: 0 auto; font: 0.9em/1.3em 'PT Serif', serif; color: #000; display: flex; flex-direction: row;padding-top: 55px;}
.card_item .applepay td.a{ padding: 80px 0 40px 70px; background: url(/bitrix/templates/bank/images/apple.jpg) 70px 0  no-repeat; }
.card_item .applepay td.s{  padding: 80px 0 40px 30px; background: url(/bitrix/templates/bank/images/samsung.jpg) 30px 0  no-repeat; }
.card_item .applepay td.str{  padding: 68px 40px 26px 182px; background: url(/bitrix/templates/bank/images/deposit_str.jpg) 25px 67px no-repeat;
background-size: 110px auto;}


.card_item .applepay {
    padding: 0;
    margin-bottom: 70px !important;
}


.card_item div.applepay {
    padding-top: 57px;
}


.card_item .applepay td::after,
.card_item .applepay th::after,
.card_item .applepay tr:first-child th::before,
.card_item .applepay tr:first-child td::before {
    display: none;
}

.formCard td { font: 0.76em/1.3em 'PT Serif', serif;  }
.formCard input {width: 91%; margin: 15px 10px 15px 0;  }
.formCard {
    width: 100%;
}

.formCard tr td:nth-of-type(2) {
    width: 73%;
}

.formCard .input_valid + i {
    display: inline-block;
}

.formCard .valid-ico {
    display: none;
    width: 20px;
    height: 15px;
    background-image: url(/local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/../images/icons/correct.png);
    background-repeat: no-repeat;
    background-position: right center;
}


img.preview-picture { margin: 0 20px 20px 0; }

.menu-become {	position:absolute;
	/*top:-999em;*/
	top: 43px;
	display:none;
	z-index:500;
	height:auto;
	border-bottom:none;
	width:200px;
	background-color: #fff;
	border-radius:  0 0 10px 10px;
	border: 1px solid #4c9bd2;
	border-top: 0px; 
}
.menu-become UL li { display: block; padding: 15px 0 15px 20px; border-top: 1px solid #4c9bd2; font: 400 0.8em/1em 'PT Sans', serif;}
.menu-become-open {display: block;}

.inner-page .header .top {
    margin-bottom: 18px;
}

.inner-page .nav {
    margin-bottom: 26px;
}

.where-issue {
    width: 600px;
}

.where-issue_title {
    margin-bottom: 1.15em;
    font: bold 2.5em/1em 'PT Sans', serif;
    text-align: left;
    color: #000;
}

.where-issue_card {
    margin: 106px auto 0;
}

.issue-img_margin {
    margin-top: 10px;
}

.issue-text {
    line-height: 1.9em;
}

.issue-text_margin {
    width: 600px;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
}

.card-application_title {
    margin-bottom: 41px !important;
}

.detail-news {
    max-width: 600px;
    width: 100%;
}

.detail-news_margin {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.detail-news_title {
    margin-bottom: 0 !important;
    line-height: 1.15em !important;
}

.detail-news_date {
    margin-top: 15px !important;
    font: .8em/1.4em 'PT Serif', serif !important;
    letter-spacing: .4px;
    color: #808080 !important;
}

.detail-news_subtitle {
    color: #1588ca !important;
    font-size: 1.05em !important;
    line-height: 2.1em !important;
    font-style: italic !important;
    letter-spacing: 1.2px;
    margin-bottom: 44px !important;
}

.detail-news_subtitle_margin {
    margin-top: 46px;
}

.detail-news_quote {
    padding-top: 39px;
    padding-bottom: 57px;
    border-top: 1px solid #1588ca;;
    border-bottom: 1px solid #1588ca;;
}


    /* Таблицы переделка всех*/
.card_item table:not(.formCard) {
    display: block;
    margin: 30px auto;
    width: 610px;
}

.card_item table:not(.formCard) td,
.card_item table:not(.formCard) th {
    position: relative;
    padding: 20px;
}

.card_item table:not(.formCard) th {
    color: #7a7a7a;
    font-size: 13px;
    font-weight: normal;
    width: 160px;
}

.card_item table:not(.formCard) td::after,
.card_item table:not(.formCard) th::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
}

.card_item table:not(.formCard) tr:first-child th::before,
.card_item table:not(.formCard) tr:first-child td::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
}

.card_item table:not(.formCard) tr td {
    line-height: 20px;
    color: #000;
    font-size: 15px;
    text-align: left;
}

.card_item .applepay tr td::before {
    display: none;
}

/**/

.detail-news_quote {
    margin-top: 53px;
    margin-bottom: 49px;
}

.detail-news_reference {
    margin-top: 76px;
}

.detail-news_read-also {
    margin-top: 98px;
}

/*Цитата*/
.quote {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.quote_image {
    width: 120px;
}

.quote_circle {
    position: relative;
    width: 100%;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.quote_face {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.quote_text {
    width: calc(100% - 160px);
}

.quote_title {
    margin-bottom: 15px !important;
    margin-top: 5px !important;
    font-size: 1.2em !important;
    line-height: 1.85em !important;
    font-style: italic !important;
    color: #000;
}

.quote_name {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: .8em !important;
    line-height: 1.5em !important;
    color: #808080 !important;
}

.quote_position {
    margin-top: 11px !important;
    margin-bottom: 0 !important;
    font-size: .8em !important;
    line-height: 1.5em !important;
    color: #808080 !important;
}
/*-------------------*/

/*Cправка*/
.reference {
    padding: 43px 73px 23px 60px;
    background-color: #f2faff;
}

.reference_title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-family: 'PT Sans', serif !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
}

.reference_paragraph {
    margin-top: 23px !important;
    margin-bottom: 26px !important;
    line-height: 1.5em !important;
}
/*---------------------*/

/*Читайте также*/
.read-also_title {
    font: bold 2.65em/1.3em  'PT Sans', serif !important;
    letter-spacing: -1.65px;
}

.read-also_link {
    font: bold  1.2em/1.55em  'PT Sans', serif !important;
    color: #1588ca;
}

.read-also_introtext {
    margin-top: 10px !important;
    margin-bottom: 38px !important;
    font-size: .8em !important;
    line-height: 1.5em !important;
    color: #666666 !important;
}

.read-also_date {
    margin-top: 7px;
    margin-bottom: 36px !important;
    font-size: .8em !important;
    color: #666 !important;
}

.btn_read-also {
    margin-top: 15px;
}

.read-also_news {
    margin-top: 91px;
}

.read-also_press-release {
    margin-top: 98px;
}

.read-also_articles {
    margin-top: 100px;
}

.read-also_press-center .btn_read-also {
    margin-top: 20px;
}

/*---------------------*/

.margin_top-h2 {
    margin-top: 75px;
    margin-bottom: 30px !important;
}

.text_press-phone,
.text_press-mail {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.text_press-phone a {
    text-decoration: none;
    color: #000;
}

.text_contacts-journalists {
    margin-bottom: 32px;
}

.text_news-press {
    margin-top: 91px;
}

.become-customer {
    display: none;
}

.banner_subtitle {
    display: none;
}

.line5block_annotation,
.line4block_annotation {
    display: none;
}

@media (min-width: 990px) {

    .become-customer,
    .banner_subtitle,
    .line5block_annotation,
    .line4block_annotation {
        display: block;
    }

}

.card_block_mobile-image {
    display: none;
}

@media (max-width: 899px) {

    .card_block_mobile-image {
        display: block;
    }
}
/* End */
/* /local/templates/.default/components/bitrix/catalog/mortgage/style.css?17930139461122 */
/* /local/templates/.default/components/bitrix/catalog/mortgage/bitrix/catalog.section/.default/style.css?179301394637588 */
