.one_data {
    display: inline-block;
}
.btn-outline-default {
    border: 2px solid #2bbbad !important;
    background-color: transparent !important;
    color: #fff !important;
	font-size: 24px;
}
.mb-4.d-none.d-md-block {
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
}
.my_cars{
	height: 204px;
	z-index: 4;
	background-image: url('/m_ass/img/222.png'); 
	background-repeat: no-repeat; 
	background-size: cover;
}
.choose-cr {
	background:#cfd4da;
}
.form_ch{
	background: #fff;
	width: 100%;
	z-index: 999;
	position: relative;
	display: block;
}
.wow.two {
    margin-top: 10px;
}
.wt{
	background: #fff;
	/*padding: 10px 40px;*/
}
.wt_o{
	background: #fff;
	padding: 20px 20px; 
}
.tc {
    margin: 16px auto 40px auto !important;
}
.upd {
    font-size: 20px;
    color: #928d8d;
}
.tr {
    float: right;
}
.custom-checkbox.inl {
    position: relative;
    display: inline-block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    width: 49.5%;
    vertical-align: top;
}
.well.rez {
    font-size: 1.1em;
    font-weight: bold;
}
.c_cl {
    padding: 0px 4px; 
    box-shadow: -1px 0px 8px -2px #333;
    margin: 0 3px;
}
.ble{
	color: #0094d9;
}
.fil{
	color: #aa66cc;
}
.grn{
	color: #00c851;
}
.ord_b {
    float: right;
    font-size: 20px;
    padding: 8px 8px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
    background: #e06816 !important;
	white-space: nowrap;
}
.ord_frm {
	float: right;
    font-size: 18px;
    padding: 8px 8px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
    background: #e06816 !important;
	white-space: nowrap;
}

.bank {
    border: 1px solid #ddd;
    margin: 8px auto;
    padding: 13px;
    box-shadow: 0 1px 5px rgba(0,0,0,.24);
    border-radius: 5px;
}
.btn.btn-sm {
    padding: 0.3rem 1.6rem;
    font-size: .64rem;
}
.bank_logo {
    width: 168px;
    display: inline-block;
	vertical-align: middle;
}
.bnk_logo {
    width: 164px;
	text-align:center;
}
.bank-position {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.info{
width: calc(100% - 376px);
display: inline-block;
vertical-align: middle;
padding-left: 12px;
box-sizing: border-box;
}
.apply{
	width: 192px;
display: inline-block;
vertical-align: middle;
margin-left: 6px;
font-size: 14px;
position: relative;
}
.info_val{
    width: 140px;
    padding-left: 8px;
	display: inline-block;
}
.credit-info .cell {
    font-size: 20px;
    font-weight: bold;
}
.credit-conditions .cell {
    font-size: 16px;
}
.vpl span {
    color: #e06816;
}
.tlo span, .kom span {
    color: #485a7e;
}
.credit-info .info_val {
    border-bottom: 2px dashed #CFCFCF;
}
.first-percent-text strong {
    font-weight: bold;
    font-size: 20px;
    color: #0094d9;
}
span.first-percent-text {
    font-size: 12px;
}
.lider{
	box-shadow: 0 1px 5px rgba(6, 167, 59, 0.48);
}

/*grid*/
/*
.rez_column.grid {
    min-width: 320px;
}
*/
.grid .bank_logo, .grid .apply {
    width: 100%;
    display: block;
    vertical-align: top;
	text-align: center;
	margin:0 auto;
}
.grid .info,.grid .credit-info  {
    width: 100%;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
	padding: 0;
}
.grid .info_val {
    width: 100%;
    padding: 0;
    display: block;
}
.grid .value {
    display: inline-block;
}
.grid .label {
    width: 108px;
    display: inline-block;
}
.grid .ord_frm {
    float: none;
    padding: 4px 16px;
    margin: 20px auto 0;
}
.info_val .label {
font-weight: normal;
color: #222;
}


@media (min-width:991px) {
.ftrw{display:none;}
.sidebarplace{display:block;}
}

@media (max-width:992px) {
.tbg_rp{display:none;}
.ftrw{display:block;}
.sidebarplace{display:none;}
}

@media (max-width:400px) {
.ord_frm {
    font-size: 16px;
}
.ord_frm .fa{
	display:none;
}

.algo {
    display: none;
}
}

@media (max-width:992px) and (min-width:535px){
.list .bank_logo, .list .info, .list .apply {
    width: 100%;
	display: block;	
	padding: 0;
}
.list .ord_frm {
    float: none;
    margin: 20px auto 0;
}
.list .info_val {
    min-width: 120px;
    padding: 0;
	width: 32.5%;
}
.bnk_logo {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.list .apply {
	text-align: center;
	margin: 0 auto;
}

}


@media (max-width:350px) {
.credit-info .cell {
    font-size: 20px;
    font-weight: bold;
}
}

@media (max-width:774px) {
#toast-container {
    display: none;
}
.h1, h1 {
    font-size: 1.5rem;
}
}

@media (max-width:452px) {	
.fix_top {
    margin-left: 0 !important;
	left: 0 !important;
	text-align: center;
}
.wow.two {
    margin-top: 0px;
}
.wt_o {
    background: #fff;
    padding: 2px 8px;
}
.wt_o .h4{
    font-size: 1.2rem;
}
.form_ch h2 {
    font-size: 1.2em;
    font-weight: bold;
}
.form_ch h5 {
    font-size: 1em;
}
.bank {
    border: 1px solid #ddd;
	padding: 0 6px;
}
.wow.two .bank {
    margin-bottom: 24px;
}

.credit-info .cell {
    font-size: 18px;
}
.odobr_98::before, .recomend::before, .crd_15::before, .best_pr::before, .perc_0::before  {
	left: 160px !important;
    top: -8px;
    font-size: 12px;
    padding: 0px 10px !important;
    right: 16px;
}
	span.first-percent-text {
    font-size: 12px;
    float: left;
}
.first-percent-text strong {
    font-size: 18px;
}
}

@media (max-width:534px) {
.my_cars {
    height: 162px;
}
.my_cars h1 {
    font-size: 24px;
}	
.list .bank_logo, .grid .apply {
    width: 100%;
    display: block;
    vertical-align: top;
	text-align: center;
	margin:0 auto;
}
.list .info,.grid .credit-info  {
    width: 100%;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
	padding: 0;
}
.list .info_val {
    width: 100%;
    padding: 0;
    display: block;
}
.list .value {
    display: inline-block;
}
.list .label {
    width: 108px;
    display: inline-block;
}
.list .ord_frm {
    float: none;
    padding: 4px 16px;
    margin: 20px auto 0;
}	
		
}

@media (max-width:1200px) and (min-width:992px){
.list .bank_logo {
    width: 165px;
}
.list .bnk_logo {
    width: 162px;
}
.list .info_val {
    width: 134px;
    padding: 0;
}
.list .info {
    width: calc(100% - 340px);
	padding: 0;
	}
}
.table.bnk_adrr {
    background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,.24);
}
.cont_t {
    background: #fff;
    padding: 18px 14px;
}
.recomend::before{
background: #fd2b19;
content: "Рекомендуем";
left: 16px;
position: absolute;
top: 0px;
padding: 0 19px;
color: #fff;
text-shadow: 0 0 0 #000;
}
.bank.recomend{
	border-top: 4px solid red;
}
.perc_0::before{
background: #16ba78;
content: "Кредит под 0%";
left: 16px;
position: absolute;
top: 0px;
padding: 0 19px;
color: #fff;
text-shadow: 0 0 0 #000;
}
.bank.perc_0{
	border-top: 4px solid #16ba78;
}
.odobr_98::before{
background: #5c5e9b;
content: "98% одобрений";
left: 16px;
position: absolute;
top: 0px;
padding: 0 19px;
color: #fff;
text-shadow: 0 0 0 #000;
}
.bank.odobr_98{
	border-top: 4px solid #5c5e9b;
}
.best_pr::before{
background: #ff5139;
content: "Лучшее предложение";
left: 16px;
position: absolute;
top: 0px;
padding: 0 19px;
color: #fff;
text-shadow: 0 0 0 #000;
}
.bank.best_pr{
	border-top: 4px solid #ff5139;
}
.crd_15::before{
background: #1e73be;
content: "Кредит за 15 минут";
left: 16px;
position: absolute;
top: 0px;
padding: 0 19px;
color: #fff;
text-shadow: 0 0 0 #000;
}
.bank.crd_15{
	border-top: 4px solid #1e73be;
}
.lider.recomend::before, .lider.perc_0::before, .lider.odobr_98::before, .lider.best_pr::before,  .lider.crd_15::before{
margin-top: -26px;
top: auto;
}

@media (min-width:992px){
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}}
.fix_top {
    position: fixed;
    top: 0;
    left: 50%;
    background: #35b060;
    padding: 3px 6px;
    z-index: 3;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	margin-left: -226px;
}
.btn-amber {
    background-color: #fb7203 !important;
    color: #fff !important;
}
.one_data {
    display: inline-block;
}
.frst_frm .label {
    white-space: nowrap;
}
.frst_frm.credit-info .col {
	text-align: center;
}
.frst_frm.credit-info .cell {
    font-size: 20px;
    font-weight: 700;
}

.form__error {
	color: red;
	text-align: left;
	font-size: 12px;
	display: block;
	margin-top: 3px;
	display: none;
}
input:valid:not(:placeholder-shown) {
	border-color: green;
}
input:invalid:not(:placeholder-shown) {
	border-color: red;
}
input:invalid:not(:placeholder-shown) + .form__error {
	display: block;
}
.gt_cnt {
    max-width: 318px;
    margin: 0 auto;
    border: #f3f3f3 dashed 2px;
    padding: 5px;
    background: #f5f5f5;
	box-shadow: 0 0 9px -2px #0c3984;
}
.md-form_my .form_field {
	/*
    box-shadow: 0 0px 8px -3px #333;
	border: #0062cc solid 1px;
	*/
	margin: 14px 2px;
}
.md-form_my input {
    border: 2px solid #81adf5;
}
.form-control::placeholder {
    color: #a8a8a8;
    opacity: 1;
}

.btncenter {
    margin: 0 auto;
    text-align: center;
}
.form-control{
	color:#000;
}

/* how */


.mini-section {
	margin: 0px auto;
	padding: 0px 2px;
	max-width: 1200px;
	min-width: 270px;
	position: relative;
}
 .mini-section {
	 max-width: 940px;
 }
.mini-section:before,
.mini-section:after {content: "";display:table;line-height: 0;}
.mini-section:after {clear:both;}
.span {	float: left;
}
.span-right {
	float: right;
}
@media only screen and (max-width: 800px) {
	
	.my_cars {
    display: none;
}	
.choose-cr {
    padding-top: 30px;
}

	.span, .span-right {
		float: none;
		width: auto !important;
	}
	.mobile-hidden {
		display: none;
	}
	.mobile-show {
		display: block;
	}

}

.how-mobile {
    background: url(/m_ass/img/iphone.png) no-repeat left top;
    width: 263px;
    height: 529px;
    position: absolute;
    left: 50%;
    margin-left: -132px;
    margin-top: 40px;
}

.content {
	padding-bottom: 84px;
	margin-top: 65px;
}
.how {
	background: #e1effb;
	position: relative;
	padding-top: 68px;
	min-height: 707px;
}
.how-block {
	margin-top: 77px;
}
.how-image {
	position: relative;
	width: 90px;
	height: 90px;
	float: right;
	/* overflow: hidden; */
}
.how-right .how-image {
	float: left;
}
.how-image span {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background: #fff;
	line-height: 56px;
	text-align: center;
	font-size: 30px;
	color: #444444;
	box-shadow: 0px 15px 21.36px 2.64px rgba(1, 79, 147, 0.26);
	top: -30px;
	font-family: 'Segoe UI', sans-serif;
}

.how-left {
	text-align: right;
	width: 19.78%;
}
.how-right {
	text-align: left;
	width: 19.78%;
	float: right;
}
.how-line {
	width: 60%;
	float: left;
	padding-top: 200px;
	position: relative;
}
.how-line .first-line,.how-line .second-line {
	margin: 0px 43px;
	border-top: 1px solid #888888;
	width: auto;
}
.how-line .second-line {
	margin-top: 244px;
}
.how-line .second-line:before,.how-line .first-line:before,.how-line .second-line:after,.how-line .first-line:after {
	display: block;
	height: 6px;
	width: 6px;
	border: 6px solid #3492e4;
	background: #e1effb;
	position: absolute;
	content: "";
	border-radius: 9px;
	margin-top: -10px;

}
.how-line .second-line:after,.how-line .first-line:after {
	right: 38px;
}
.how-right .how-image span {
	left: -30px;
}
.how-left .how-image span {
	right: -30px;
}
.how-block p {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-top: 26px;
	font-family: 'Segoe UI';
	font-weight: 600;
	min-height: 48px;
}
/*
.frm_bl {
    min-width: 320px;
}

@media (max-width: 800px) {
.frm_f {
	-webkit-order: -1;
    order: -1;
}
	
}
*/
@media (max-width: 468px) {
.apply {
    display: block !important;
    margin: 0 auto !important;
	width: 100% !important;
	text-align: center;
}
.ord_frm {
    background: #2c9f38 !important;
}

}

.hdr-text {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.hdr-text p {
    margin: 0 0;
}
.scroll-number-1 {
    margin: 8px auto;
    background: #484747;
    height: 30px;
	weight: 200px;
}
.countr {
    list-style: none;
}
.hdr_slg {
    margin-top: 14px;
}
.hdr-zgl {
    font-size: 1.5em;
    text-shadow: 1px 1px 0 #000, 0px -2px 0 #000;
}
.sldr_am {
    background: #fff7ea;
    padding: 12px;
}
.revs {
    display: inline-flex;
    flex-flow: column-reverse;
}
.revs > * {
    flex: 1;
}

.part {
    display: block;
}
