/*clearfix hack */
.clearfix:before,.clearfix:after {
content: " ";
display:table;
}

.clearfix:after {
clear:both;
}

.clearfix {
zoom:1;
}
/*end of clearfix hack */


.button {
background:#0C7BA9;
border:none;
color:#fff;
cursor:pointer;
display:inline-block;
font:1.286em/30px "Roboto Condensed ",sans-serif;
height:30px;
padding:0 11px;
text-decoration:none;
text-transform:uppercase;
}

.button:hover {
background-color:#195784;
color:#fff;
}
.readmore-js-toggle{
    font-family: Gothic A1;
    font-style: normal;
    position: absolute;
    float: right;
    top: 30px;
    font-size: 16px;
    right: 90px;
    color: #1B82D6;
    font-weight: 800;
}
/*end of buttons and form elements */
/*input, textarea */
.input,.textarea {
background:#fff;
border:1px solid #eee;
}

.input {
height:29px;
line-height:29px;
padding:0 12px;
}

.input:focus,.textarea:focus {
border-color:#c4c4c4;
}

/*calc */
.calc-block {
float:left;
width:100%;
}

.calc-block .title {
margin-bottom:1em;
text-align:center;
}

.calc, .mortgage-box {
    background:#fff;
    border:1px solid #e3e3e3;
    margin-bottom:10px;
    padding:30px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%), 0px 0px 10px rgb(0 0 0 / 4%);
    border-radius: 15px;
}

.calc h2, .calc h4, .mortgage-box h2, .mortgage-box h4{
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #313131;
}

.calc__section {
margin-bottom:25px;
}

.calc__label {
float:left;
line-height:1.929em;
color: #1B82D6;
}

.calc__input-block {
float:right;
/*width:180px;*/
}

.input--calc__input {
border-color:#1B82D6;
height:27px;
line-height:27px;
margin-right:5px;
padding:0 5px;
text-align:right;
width:90px;
}

.calc__limit {
    float:left;
    font-size: 0.714em;
}

.calc__limit--start{
    margin-top: 10px;
}

.calc__limit--end {
    box-sizing:padding-box;
    float:right;
    padding-left:10px;
    margin-top: -24px;
}

.calc__slider {
float:left;
margin-top:6px;
width:100%;
}

.calc__ranges {
    display:table;
    width:100%;
    margin-top: -24px;
}

.calc__range {
    display:table-cell;
    font-size:0.714em;
    text-align:right;
    width:20%;
    font-family: Gothic A1;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #313131;
}

.calc__range span {
position:relative;
}

.calc__range span.small {
margin-right:-3px;
}

.calc__ranges--credit_amount span {
margin-right:-14px;
}

.calc__ranges--credit_limit span {
margin-right:-6px;
}
/*end of calc */
/*credit-cost */
.credit-cost {
float:left;
width:100%;
}

.credit-cost-table {
width:100%;
}

.credit-cost-table td {
padding: 4px 0px;
}

.credit-cost-table td.last {
border-bottom:none;
}
/*end of credit-cost-table */
.cost-to-overpay{
    text-align: center;
    padding-bottom: 80px;
    position: relative;
}

.cost-to-overpay img {
    width: 100%;
    margin-bottom: 20px;
}
.cost-to-overpay b {
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}
#benefit_val{
    display: block;
    margin-top: 18px;
    font-size: 24px;
}

/*default-table */
.default-table {
margin-bottom:20px;
width: 100%;
}

.default-table tr:nth-child(odd) td {
background:#fcfcfc;
}

.default-table td {
border-top:1px solid #eee;
padding:5px;
}

.four-cols-table td {
width:25%;
}

.five-cols-table td {
width:20%;
}

.default-table tr td.heading {
    color: #1B82D6;
    font-family: Gothic A1;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}

.print-link {
    float:right;
    color: #1B82D6;
    font-size: 16px;
    margin-right: 170px;
    font-weight: 800;
}

/*end of default-table */
/*popup */
.shade {
background:url(/images/shade-bg.png) repeat 0 0 transparent;
bottom:0;
display:none;
left:0;
right:0;
position:fixed;
top:0;
z-index:100;
}

.popup {
background:#fff;
border-radius:10px;
display:none;
left:50%;
margin-left:-398px;
position:absolute;
top:20px;
width:796px;
z-index:200;
}

.popup-inner {
padding:25px 30px;
}

.popup-close {
color:#000;
font-size:1.286em;
height:1.286em;
position:absolute;
right:5px;
top:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:1.286em;
}

.popup-close:hover {
color:#fca91f;
}
/*end of popup */

/* Start:/css/jquery-ui.css*/
.ui-helper-hidden {
display:none
}

.ui-helper-hidden-accessible {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}

.ui-helper-reset {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
content: " ";
display:table;
border-collapse:collapse
}

.ui-helper-clearfix:after {
clear:both
}

.ui-helper-clearfix {
min-height:0
}

.ui-helper-zfix {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
filter:Alpha(Opacity=0)
}

.ui-front {
z-index:100
}

.ui-state-disabled {
cursor:default!important
}

.ui-widget-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%
}

.ui-slider {
position:relative;
text-align:left
}

.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:default;
-ms-touch-action:none;
touch-action:none
}

.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter:inherit
}

.ui-slider-horizontal {
height:.429em
}

.ui-slider-horizontal .ui-slider-handle {
top:-.47em;
margin-left:-.6em
}

.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%
}

.ui-slider-horizontal .ui-slider-range-min {
left:0
}

.ui-slider-horizontal .ui-slider-range-max {
right:0
}

.ui-slider-vertical {
width:.8em;
height:100px
}

.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em
}

.ui-slider-vertical .ui-slider-range {
left:0;
width:100%
}

.ui-slider-vertical .ui-slider-range-min {
bottom:0
}

.ui-slider-vertical .ui-slider-range-max {
top:0
}

.ui-widget {
font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size:1.1em
}

.ui-widget .ui-widget {
font-size:1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size:1em
}

.ui-widget-content {
background:#0C7BA9;
color:#333
}

.ui-widget-content a {
color:#333
}

.ui-widget-header {
background:#e0e0e0;
color:#fff;
font-weight:bold
}

.ui-widget-header a {
color:#fff
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
border:1px solid #e2e2e2;
background:#fff;
border-radius:50%;
cursor:pointer;
font-weight:bold;
color:#1c94c4
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
color:#1c94c4;
text-decoration:none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
border:1px solid #0C7BA9;
background:#f0fff0;
font-weight:bold;
color:#c77405
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
color:#c77405;
text-decoration:none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
border:1px solid #195784;
background:#fff;
font-weight:bold;
color:#eb8f00
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color:#eb8f00;
text-decoration:none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
border:1px solid #fed22f;
background:#ffe45c;
color:#363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color:#363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
border:1px solid #cd0a0a;
background:#b81900;
color:#fff
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
color:#fff
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
color:#fff
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
font-weight:bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
opacity:.7;
filter:Alpha(Opacity=70);
font-weight:normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity:.35;
filter:Alpha(Opacity=35);
background-image:none
}

.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35)
}

.ui-widget-overlay {
background:#666;
opacity:.5;
filter:Alpha(Opacity=50)
}

.ui-widget-shadow {
margin:-5px 0 0 -5px;
padding:5px;
background:#000;
opacity:.2;
filter:Alpha(Opacity=20);
border-radius:5px
}
/* End */

#modal_form {
    width: 400px;
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 100px; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	/*margin-top: -150px;*/
	margin-left: -200px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5555555555; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 40px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

#modal_form h2{
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 22px !important;
    line-height: 40px;
    color: #313131;
    margin-top: -10px;
    margin-bottom: 8px;
    text-align: center;
}
/* Пoдлoжкa */
#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}
.alx_feed_back_form_item_pole{
    margin: 0px 0px 8px 0px;
}
.gray_box{
    background: #eee;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    min-height: 115px;
}
#credit_platezh{
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    color: #1B82D6;
    margin: 20px 0px;
    display: block;
}

#credit_pay1, #full_summ, #full_price, #credit_srok, #credit_percent1{
    font-weight: 600;
}

.mortgage-btn{
    position: absolute;
    width: 82%;
    height: 70px;
    border: 1px solid #1B82D6;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%), 0px 0px 10px rgb(0 0 0 / 4%);
    border-radius: 15px;
    text-align: center;
    display: block;
    color: #fff !important;
    font-family: Gothic A1;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 20px;
    bottom: -26px;
    background: #1B82D6;
    cursor: pointer;
}

.mortgage-title{
    font-family: Gothic A1;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 45px;
    text-align: center;    
    color: #313131;
    margin-bottom: 20px;
}
.mortgage-top-block ul{
    list-style: none;
}
.mortgage-top-block ul li{
    background: url(/images/li-marker.png) no-repeat; 
	padding-left: 66px; 
    min-height: 70px;
    padding-top: 2px;
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #313131;
    margin-bottom: 10px;
}
.mortgage-banks-box{
    margin-bottom: 20px;
}
.mortgage-banks-box h2{
    font-family: Gothic A1;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #313131;
}
.mortgage-bank-item img{
    width: 100%;
}
.mortgage-bank-item b{
    margin-bottom: 20px;
    margin-top: 4px;
    display: block;
    text-align: center;
}