/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.form-footer{
	text-align: center;
	padding-bottom: 80px;
	padding-top: 50px;
}
.form-footer__items {
	-webkit-box-pack: center !important;
	justify-content: center !important;
	padding-top: 50px !important;
	-webkit-box-align: center !important;
	align-items: center !important;
}
.form-footer__agreements{
	padding-right: 50px;
}
.form-footer__btn .button{
	margin-top: 0;
}

.form-col.form-col__35 {
    margin-right: 10px;
}
@media (max-width: 760px) {
	.form-col.form-col__35 {
	    margin-right: 0px;
	}
}
/* .form-flex {
    justify-content: flex-start !important;
} */
.blue{
	color: #10C8D2;
}
.text-block__title {
	font-size: 24px;
}
.w_100{
	width: 100%;
}
.pr-0{
	padding-right: 0;
	margin-right: 0;
}
.alc{
	-webkit-box-align: center;
	align-items: center;
}
.form-col.form-col_compact{
	margin-bottom: 0;
}
.form-row + .text-block__title:not(:first-child) {
	margin-top: 20px;
}

.form-item__text:not(.form-item__text_nohover) input:focus, .form-item__text:not(.form-item__text_nohover) input:hover {
	box-shadow: inset 0 0 0 1px #11c8d2;
	border-color: #11c8d2;
}
.form-footer {
	text-align: center;
	padding-bottom: 25px;
	padding-top: 0;
}
.form-item__select:not(.form-item__select_open) .form-item__select__value:focus, .form-item__select:not(.form-item__select_open) .form-item__select__value:hover {
	-webkit-box-shadow: inset 0 0 0 1px #11c8d2;
	box-shadow: inset 0 0 0 1px #11c8d2;
	border-color: #11c8d2;
}

.product-header_big .title.title_family-secondary-black {
	font-size: 44px;
}
.product-header__image {
	height: 120px;
	margin-top: -30px;
}
@media (max-width:1150px)  {
	.product-header_big .title.title_family-secondary-black {
		font-size: 34px;
	}
}
@media (max-width:880px)  {
	.product-header_big .title.title_family-secondary-black {
		font-size: 34px;
	}
	.product-header__title-wrapper {
		max-width: 100% !important;
	}
	.product-header_big + .product-header__image-wrapper {
		display: none;
	}
	.text-block__title {
		margin-bottom: -25px;
	}
}
@media (min-width:740px) and (max-width:768px)  {
	.product-header_compact .product-header_big{
		padding-bottom: 24px;
		padding-top: 0;
	}
}
@media (max-width:740px)  {
	.product-header_big .title.title_family-secondary-black {
		font-size: 21.42857px;
	}
}


/************    form-item     *************/

.form-item + .form-item, .form-item + .form-row  {
	margin-top: 40px;
}
.text-block__title + .form-item, .text-block__title + .form-row {
	margin-top: 50px;
}


.form-row_100{
	width: 100%;
}
.form-item__text input {
	font-size: 18px !important;
}
.form-item__radio-name {
	padding: 23px 0;
}
.form-item__select-helper {
	color: #11c8d2 !important;
}
.form-item__select-helper:hover {
	text-decoration: underline;
}
.form-item__select-maps {
	margin-bottom: -25px;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	width: 100%;
	margin-top: 10px;
}
.form-item__select-map {
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	font-size: 14px;
	color: #11c8d2;
	margin-right: 15px;
	cursor: pointer;
}
.form-item__select-map:hover {
	text-decoration: underline;
}
.form-item__select-map svg{
	margin-top: 0;
}
.form-item__select-map span{
	position: relative;
	top: -2px;
}

.form-item__contanier-input {
	margin-bottom: 0px;
}

.form-item input.error {
	border: 1px solid #EF275E;
}
.error-message{
	display: none;
}
.form-item input.error + .error-message{
	font-size: 12px;
	line-height: 18px;
	color: #EF275E;
	position: absolute;
	bottom: -20px;
	left: 0;
	display: block;
}
.form-item__text:not(.form-item__text_nohover) input.error:focus, .form-item__text:not(.form-item__text_nohover) input.error:hover {
	box-shadow: inset 0 0 0 1px #EF275E;
	border-color: #EF275E;
}
.form-item__select__value.error{
	border: 1px solid #EF275E;
}
/************    select-card     *************/

.select-card{}
.select-card__item{
	background: #fff;
	padding: 30px;
	position: relative;
	height: 100%;
}
.select-card__item:before{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	background: #10C8D2;
	-webkit-transition: all .225s ease-in-out;
	transition: all .225s ease-in-out;
}
.select-card__item:hover:before{
	-webkit-transition: all .225s ease-in-out;
	transition: all .225s ease-in-out;
	-webkit-transform-origin: top;
	transform-origin: top;
}
.select-card__item:hover{
	box-shadow: 0 2px 4px 0 rgba(11,16,71,.02), 0 10px 40px 0 rgba(11,16,71,.05);
	-webkit-transition: all .225s ease-in-out;
	transition: all .225s ease-in-out;
}
.select-card__logo{
	height: 70px;
}
.select-card__logo img{
	height: 40px;
}
.select-card__logo.select-card__logo_mastercard img{
	height: 50px;
}
.select-card__title{
	color: #0B1047;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2;
}
.select-card__title span {
	display: block;
}
.select-card__items{
	margin-top: 25px;
}
.select-card__radio{
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 15px;
	cursor: pointer;
}
.select-card__radio:hover .select-card__radio-visible{
	border: 1px solid #000;
}
.select-card__radio-hidden{
	display: none;
}
.select-card__radio-visible{
	width: 30px;
	height: 30px;
	min-width: 30px;
	border-radius: 100px;
	border: 1px solid #BBBDCB;
	box-sizing: border-box;
	margin-right: 10px;
	cursor: pointer;
	background: #fff;
}
.select-card__radio-hidden:checked + .select-card__radio-visible{
	background: url(./img/check.svg) no-repeat #10C8D2 center center;
	border: 1px solid #10C8D2;
}
.select-card__radio-value{
	width: calc(100% - 40px);
}
.select-card__radio-value span{
	text-decoration: underline;
}
.select-card__radio-value span  a {
	color: #0a1244 !important;
}
.select-card__radio-value img{}
.select-card__radio-helper{display: none;}


@media (min-width:768px)  {
	.select-card__radio .helper{
		width: 270px;
		left: 37px;
	}
}
@media (max-width:760px)  {
	.select-card__radio-value span{
		font-size: 16px;
	}
}
@media (max-width:350px)  {
	.select-card__radio-value span{
		font-size: 14px;
	}
}
/************   helper-show      *************/

.helper-show{
	cursor: pointer;
	position: relative;
}
.helper-show:hover u{
	color: #0A1244;
}
.helper-show:hover  .select-card__radio-helper{
	display: inline-block;
}

.helper-show_text{
	text-decoration: underline;
}
@media (max-width:760px)  {
	.helper-show:hover  .select-card__radio-helper{
		display: none;
	}
	.helper-show.active  .select-card__radio-helper{
		display: inline-block;
	}
}

/************  ask-icon      *************/
.ask-icon{
	height: 11px;
	position: relative;
	top: -8px;
}

/************   helper      *************/

.helper{
	position: absolute;
	width: 500px;
	height: auto;
	bottom: 30px;
	left: 0%;
	background: #fff;
	padding: 30px 30px 10px;
	box-shadow: 0px 4px 22px rgba(11, 16, 71, 0.14);
	z-index: 999;
}
.helper__title{
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: bold;
}
.helper__content{
	font-size: 12px;
}
.helper__content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}
.helper__content ul li{
	font-size: 12px;
	position: relative;
	padding-left: 20px;
}
.helper__content ul li + li{
	margin-top: 15px;
}
.helper__content ul li:after{
	content: "";
	left: 0;
	width: 4px;
	height: 4px;
	background: #10C8D2;
	left: 0;
	top: 8px;
	position: absolute;
}
.helper__content p{
	font-size: 12px;
	margin-bottom: 20px;
}
.helper__content a{font-size: 12px;}

/************   map      *************/
.map-icon-realty {
	width: 50px;
	height: 50px;
	background-size: contain;
}
.offices-map{
	height: 500px;
	width: 100%;
	margin-top: 40px;
	display: none;
}
.offices-map.active{
	display: block;
}
@media (max-width:760px)  {
	.offices-map{
		margin-top: 20px;
		height: 300px;
	}
}

/************   type-order      *************/

.type-order{}
.type-order{
	margin: 10px 0 50px;
}
.type-order .select-card__radio-value span {
	text-decoration: none;
}

.type-order .select-card__radio-value {
	font-size: 18px;
}
@media (max-width:760px)  {
	.type-order{
		margin: 10px 0 15px;
	}
}
/************     form-other-info    *************/

.form-other-info .form-item__label {
	margin-bottom: 0;
}
.form-other-info .select-card__radio {
	margin-bottom: 0;
}
.form-other-info .flex.w_100.alc{
	margin-bottom: 20px;
}
.form-item-gender--js.error .form-item__radio-name{
	  border: 1px solid #EF275E;
}
.form-item-gender--js.error  + .error-message {
    font-size: 12px;
    line-height: 18px;
    color: #EF275E;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: block;
}
.form-item-gender--js .form-item__radio-name {
    padding: 23px 0;
}
.form-flex {
    position: relative;
}
/************    disclamer     *************/
.disclamer{
	padding-bottom: 30px;
}
.disclamer p{
	font-size: 13px;
	color: #7E829B;
}
.disclamer p + p{
	margin-top: 15px;
}

/************    ie     *************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tatneft-form .form-row.form-flex{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}
	.ask-icon{
		position: absolute;
		top: 0;
	}
	.select-card__radio-value{
		width: calc(100% - 30px);
	}
	.form-other-info .flex.w_100.alc .form-item__label{
		width: calc(100% - 200px);
	}
	.select-card__radio-visible{
		min-width: 30px;
	}
}

/************    adaptive     *************/
@media (min-width:900px)  {
	.page-up.button.placer__button {
		width: 60px;
		font-size: 12px;
		right: 40px;
	}
	.page-up_active.page-up.button.placer__button{
		display: block;
	}

}
@media (max-width:900px)  {
	.form-col.form-col__35 {
		width: 48% !important;
	}
	.form-col {
		width: 100% !important;
	}
	.form-col.form-col_compact:first-child {
		margin-bottom: 50px;
	}
	.form-footer__agreements {
		padding-right: 20px !important;
		margin-bottom: 0 !important;
	}
	.form-col.form-col__50 {
		width: 100% !important;
	}
	.form-col.form-col__35 {
		width: 100% !important;
	}
	.form-footer {
		padding-bottom: 0px;
		padding-top: 0;
	}
	.form-footer__items {
		flex-wrap: wrap;
	}
	.form-footer__items {
		padding-top: 30px;
	}

	.form-footer__agreements .checkbox__control-button{
		top: -3px;
		position: relative;
	}
	.product-header_compact .product-header_big {
		padding-bottom: 0;
		padding-top: 13px;
	}
	.form-col_pl-compact{

	}
}
@media (max-width:760px)  {
	.text-block__title {
		font-size: 20px;
		line-height: 1;
	}
	.flex.w_100.alc {
		display: block;
	}
	.form-other-info .form-item__label {
		margin-bottom: 11px;
		line-height: 26px;
	}
	.form-other-info h3{
		margin-top: -30px !important;
	}
	.form-other-info h3.active{
		margin-top: 0px !important;
	}
	.asside-modal__wrapper .text-block__title {
		margin-bottom: 10px;
	}
	.helper {
		position: static;
		width: 100%;
		height: auto;
		bottom: 30px;
		left: 0%;
		background: #fff;
		padding: 15px 15px 1px;
		box-shadow: 0px 4px 22px rgba(11, 16, 71, 0.14);
		z-index: 999;
		margin-top: 14px;
		margin-bottom: 13px;
	}
	.helper__content ul li + li {
		margin-top: 7px;
	}
	.helper__title {
		font-size: 16px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.select-card__title {
		font-size: 18px;
	}
	.select-card__title span{
		display: inline;
	}
	.type-order .select-card__radio-value {
		font-size: 16px;
		line-height: 1.2;
	}
	.form-footer {
		margin-top: -40px;
	}
	.form-footer__btn .button {
		margin-top: 30px;
	}
}


/************         *************/
.form-success.form-success-tatneft {
    text-align: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/************   suggest      *************/
[class*="suggest-item"]{
	font-size: 16px;
}
[class*="suggest-item_selected_yes"]{
    background: #10C8D2 !important;
	color: #fff;
}
/************    probability-approval     *************/

.probability-approval {
	background: #D5D5D5;
    height: 30px;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	z-index: 9;
	transform: translateY(100%);
	transition: transform 0.3s;
}
.probability-approval.active{
	transform: translateY(0%);
	transition: transform 0.3s;
}
.probability-approval__complited {
    height: 30px;
    width: 0%;
    color: #fff;
    background: #10C8D2;
    transition: width 1s;
    will-change: width;
}

.probability-approval__result {
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
    line-height: 30px;
}
@media (max-width:760px)  {

	.probability-approval {
	    height: 20px;
	}
	.probability-approval__complited {
	    height: 20px;
	}
	.probability-approval__result {
		font-size: 12px;
	    line-height: 20px;
	}
}


/************   .placer__zoom-control      *************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.placer__zoom-control{
		z-index: 9;
	}
	.placer__zoom-control {
		position: absolute !important;
		top: -140px  !important;
		right: 0  !important;
	}
	.placer__location-control{
		position: absolute !important;
		top: -140px  !important;
		right: 0  !important;
	}
}
/*[class *= "-controls__control"]{
    position: relative !important;
}*/

.select-card-new.form-flex {
	gap: 32px;
	flex-wrap: nowrap;
	margin-bottom: 40px;
}

.select-card-new__card {
	flex-basis: 50%;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
.select-card-new__top {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 147%;
	text-align: center;
	color: #fff;
	padding: 12px;
	width: 100%;
	height: 60px;
	background-color: #10c8d2;
}
.select-card-new__row {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}
.select-card-new__caption {
	font-weight: 700;
	font-size: 16px;
	color: #0a1244;
}
.select-card-new__item {
	font-weight: 400;
	font-size: 12px;
	line-height: 154%;
}
.select-card-new__body {
	height: calc(100% - 60px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	padding: 0px 20px 20px;
}
.select-card-new__box-caption {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #0b1047;
	width: 100%;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 5px solid #10c8d2;
	margin-bottom: 20px;
}
.select-card-new__link {
	display: inline-flex;
	font-weight: 400;
	font-size: 14px;
	line-height: 107%;
	text-decoration: underline !important;
	text-decoration-skip-ink: none;
	color: #7e829b !important;
	margin-bottom: 20px;
}
.select-card-new__link:hover {
	color: #0a1244 !important;
}
.select-card-new .select-card__radio {
	margin-bottom: 0;
}
@media (max-width: 1299px) {
	.select-card-new.form-flex {
		gap: 20px;
	}
	.select-card-new__top {
		font-size: 17px;
		line-height: 100%;
		padding: 10px;
		height: 55px;
	}
	.select-card-new__box-caption {
		font-size: 16px;
		height: 60px;
		border-width: 3px;
		margin-bottom: 16px;
	}
	.select-card-new__body {
		height: calc(100% - 55px);
		gap: 16px;
		padding: 0px 15px 15px;
	}
	.select-card-new__row {
		gap: 16px;
	}
	.select-card-new__caption {
		font-size: 15px;
	}
}
@media (max-width: 1099px) {
	.select-card-new.form-flex {
		gap: 16px;
		flex-wrap: wrap;
	}
	.select-card-new__card {
		flex-basis: calc(50% - 10px);
	}
}
@media (max-width: 760px) {
	.select-card-new__card {
		flex-basis: 100%;
	}
	.select-card-new .select-card__radio-value {
		font-size: 14px;
	}
}


.select-card-new.form-flex {
	gap: 32px;
	flex-wrap: nowrap;
	margin-bottom: 40px;
}

.select-card-new__card {
	flex-basis: 50%;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
.select-card-new__top {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 147%;
	text-align: center;
	color: #fff;
	padding: 12px;
	width: 100%;
	height: 60px;
	background-color: #10c8d2;
}
.select-card-new__row {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}
.select-card-new__caption {
	font-weight: 700;
	font-size: 16px;
	color: #0a1244;
}
.select-card-new__item {
	font-weight: 400;
	font-size: 12px;
	line-height: 154%;
}
.select-card-new__body {
	height: calc(100% - 60px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	padding: 0px 20px 20px;
}
.select-card-new__box-caption {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #0b1047;
	width: 100%;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 5px solid #10c8d2;
	margin-bottom: 20px;
}
.select-card-new__link {
	display: inline-flex;
	font-weight: 400;
	font-size: 14px;
	line-height: 107%;
	text-decoration: underline !important;
	text-decoration-skip-ink: none;
	color: #7e829b !important;
	margin-bottom: 20px;
}
.select-card-new__link:hover {
	color: #0a1244 !important;
}
.select-card-new .select-card__radio {
	margin-bottom: 0;
}
@media (max-width: 1299px) {
	.select-card-new.form-flex {
		gap: 20px;
	}
	.select-card-new__top {
		font-size: 17px;
		line-height: 100%;
		padding: 10px;
		height: 55px;
	}
	.select-card-new__box-caption {
		font-size: 16px;
		height: 60px;
		border-width: 3px;
		margin-bottom: 16px;
	}
	.select-card-new__body {
		height: calc(100% - 55px);
		gap: 16px;
		padding: 0px 15px 15px;
	}
	.select-card-new__row {
		gap: 16px;
	}
	.select-card-new__caption {
		font-size: 15px;
	}
}
@media (max-width: 1099px) {
	.select-card-new.form-flex {
		gap: 16px;
		flex-wrap: wrap;
	}
	.select-card-new__card {
		flex-basis: calc(50% - 10px);
	}
}
@media (max-width: 760px) {
	.select-card-new__card {
		flex-basis: 100%;
	}
	.select-card-new .select-card__radio-value {
		font-size: 14px;
	}
}

.select-card-new__box-caption_wrap {
	    flex-wrap: wrap;
}
.select-card-new__title small {
	display: block;
	width: 100%;
	line-height: 1;
	margin-top: 2px;
}