@font-face {
 	font-family: 'Bounded';
 	src: url('./fonts/Bounded-Variable.ttf') format('truetype');
}
* {
	font-family: Bounded;
}
a{
	color:#000;
	text-decoration: unset;
}
html body{
	margin:0;
}
footer{
	margin-top:70px;
}
.smart-captcha{
	min-width:unset!important;
}
.disfl{
	display:flex;
}
.header_main {
	padding: 24px 40px;
    display: flex;
    border-radius: 60px;
    margin-bottom: 40px;
    align-items: center;
    justify-content: space-between;
}
.header_buttons {
	display: flex;
	gap: 15px;
	flex-shrink: 0;
	align-items: center;
}
.form-sumbit_application {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 30px;
	font-size: 19px;
    font-weight: 700;
}
.button_circle {
    background-color: #F9B233;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.button_burger_menu {
	display: none;
}
.block-section + .block-section{
	margin-top:40px;
}
.content-container{
	display:flex;
	justify-content:center;
}
.maxwidth-theme{
	max-width:1400px;
	margin:0 auto;
}
.grey-back{
	background: rgb(243, 243, 243);
}
.bike-rentals, .earn-more, .buyout{
	padding:40px;
	border-radius:33px;
	position:relative;
}
.block-title{
	font-size:60px;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:70px;
}
.block-title.title-out{
	margin:60px 0 40px 70px;
}
.bike-rentals .block-detail-text{
	font-size:35px;
	font-weight: 400px;
	color: rgb(19, 20, 19);
	max-width:850px;
}
.bike-rentals .buttons-list{
	display:flex;
	margin:60px 0;
}
.bike-rentals .tg_img{
	margin-left:2%;
}
.bike-rentals .button_rent{
	background: rgb(249, 178, 51);
	padding:23px 70px;
	border-radius:27.5px;
	font-size:36px;
	text-align:center;
}
.bike-rentals .info-list{
	dispaly:flex;
}
.bike-rentals .info-list-item{
	background-color:#fff;
	border-radius:12px;
	padding:20px;
	font-weight: 400;
	font-size: 18px;
}
.bike-rentals .info-list-item img{
	margin-right:10px;
	width:39px;
}
.bike-rentals .info-list-item + .info-list-item{
	margin-left:15px;
}
.bike-rentals .bike-photo{
	position:absolute;
	right:0;
	top:4%;
	max-width:35%;
}
.bike-rentals .nowrap{
	display:block;
}
.bike-rentals .wrap{
	display:none;
}
.bike-info-list{
	display:flex;
}
.earn-more .block-detail-text{
	background: #D9D9D9;
	padding:30px;
	font-size:18px;
	width:max-content;
	border-radius:41px;
}
.earn-more .characteristics_list{
	display:grid;
	grid-gap:15px;
}
.earn-more .characteristics_list .disfl{
	padding:10px 20px;
	border-radius:18px;
	background-color:#fff;
	align-items:center;
	gap:15px;
}
.earn-more .block-detail-text a div{
	background: #F9B233;
	font-size:22px;
	border-radius:18px;
	text-align:center;
	margin-top:20px;
	padding:10px 0;
}
.earn-more .photo-bike{
	max-width:55%;
	right:2%;
	bottom:5%;
	position:absolute;
}
.earn-more .bike_add_info{
	background: #fff;
    border-radius: 22px;
    padding: 5px 15px 5px 5px;
	display: flex;
    box-sizing: content-box;
    align-items: center;
	gap: 10px;
	font-size:12px;
	width: fit-content;
	position:absolute;
}
.bike-add-info--pos-1 {
	top: -29%;
	left: 58%;
	max-width: min-content;
}
.bike-add-info--pos-2 {
	top: -11%;
    left:68%;
	max-width: min-content;
}
.bike-add-info--pos-3 {
	top:4%;
    left:82%;
	max-width:184px;
}
.bike-add-info--pos-4 {
    top: 28%;
	left:51%;
	width: max-content;
}
.bike-add-info--pos-5 {
	top:29%;
    left:72%;
	width: max-content;
}
.bike-add-info--pos-6 {
	top:56%;
    left:82%;
	width: max-content;
}
.earn-more .bike_add_info:hover{
	cursor:pointer;
	border: 2px solid #000;
}
.earn-more .add_info_circle{
	display: flex;
    align-items: center;
	background: #F9B233;
    border-radius: 50%;
	justify-content: center;
	padding:8px;
}
.block-section .title-under-text{
	font-weight: 400;
	font-size: 32px;
	margin:-20px 0 40px 70px;
}
.buyout{
	text-align: center;
}
.buyout .buyout_text{
	font-weight: 400;
	font-size: 36px;
	text-align: left;
}
.buyout .select_inner{
	display:flex;
	justify-content: center;
}
.buyout .inp{
	width: 90%;
    text-align: center;
    border: none;
    border-radius: 40px;
    padding: 15px;
	font-size:36px;
	background-color: #D9D9D9;
	box-sizing: border-box;
}
.buyout .inp:focus-visible{
	outline: none;
}
.buyout .select_inner{
	margin:20px 0 30px;
}
.click_btn{
	background: #F9B233;
	transition: background-color 0.3s ease;
	text-align: center;
}
.click_btn:hover {
    background: #db9e30;
}
.buyout .buyout_btn{
	color: #131413;
	width:60%;
	padding:14px 0;
	border-radius:27.5px;
	display: inline-block;
	font-family: Bounded;
	font-weight: 400;
	font-size: 32px;
}
.buyout select{
	appearance: none;
	-webkit-appearance: none; /* Для Safari */
	-moz-appearance: none; /* Для Firefox */
	background-image: url('/images/star.svg');
	background-repeat: no-repeat;
	background-position: 98%;
}
.buyout select::-ms-expand {
	display: none;
}
.test-drive .container{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.test-drive .map-block{
	background: #F3F3F3;
	border-radius:33px;
	padding:30px;
}
.test-drive .map-block iframe{
	border-radius:33px;
}
.test-drive .info-block{
	background: #F3F3F3;
	border-radius:33px;
	padding:20px;
	max-width: 593px;
    box-sizing: border-box;
}
.test-drive .info-block_ins{
	background: #fff;
	border-radius:33px;
	padding:32px;
}
.test-drive .info-block_name{
	color:#131413;
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
}
.test-drive  .info-block_tel{
	color:#0054C3;
	font-weight: 700;
	font-size: 32px;
	margin: 20px 0;
}
.test-drive  .info-block_tel >div{
	margin: 20px 0;
}
.test-drive  .info-block_street{
	color:#131413;
	font-weight: 400;
	font-size: 32px;
	margin-bottom:15px;
}
.test-drive .leave_request{
	border-radius: 27.5px;
	padding:15px 0px;
	color:#131413;
	font-weight: 400;
	font-size: 32px;
	display: block;
	width: 90%;
	margin: 0 auto;
}
.header_main > a{
	flex: 0 1 auto;
	display: flex;
}
.footer_main{
	border-radius:33px;
	padding: 25px 30px 40px 50px;
}
footer .footer-main__top{
	display: flex;
    align-items: center;
	gap: 30px;
}
footer .footer_logo{
	width:27%;
}
footer .footer-top_right{
	display: flex;
    align-items: center;
	gap:25px;
    margin-left: auto;
}
footer .footer-bottom__elements{
	display: flex;
    align-items: center;
	gap:30px;
}
footer .footer_tel{
	color:#F9B233;
	font-weight: 700;
	font-size: 32px;
}
footer .footer_street{
	color:#131413;
	font-weight: 400;
	font-size: 20px;
}
footer .footer_time{
	color:#131413;
	font-weight: 400;
	font-size: 20px;
}
footer .footer_social{
	display:flex;
}
footer .footer_social img{
	max-width:47px;
}
footer .form-sumbit_application{
	white-space: nowrap;
}
footer .header_menu a{
	white-space: nowrap;
}
footer .footer_link{
	color:#0054C3;
	font-weight: 400;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 0%;
	text-decoration-skip-ink: auto;

}
footer .footer_view1{
	display:grid;
	gap:30px;
}
footer .footer_view2{
	display:none;
}
footer .footer_view3{
	display:none;
}
footer ul.header_menu {
	padding:0;
}
.block-title-profile{
	font-weight: 700;
	font-size: 32px;
}
.title-profile-mg {
	margin-bottom:25px;
}
.profile-info_block {
    display: flex;
    gap: 20px;
}
.callback_soc_text_title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 36px;
	text-align: center;
}
.profile-info{
	border-radius:33px;
	font-size:20px;
	background:#F3F3F3;
	padding:20px 30px;
	font-weight: 400;
	//width: max-content;
	width: 48%;
	box-sizing: border-box;
    max-width: 100%;
}
.profile-info .info-item__name{
	font-weight: 400;
	color:#6D6D6D;
}
.profile-info .profile-info__item + .profile-info__item{
	margin-top:20px;
}
.profile-balance{
	color: #000;
	font-weight: 700;
	font-size: 32px;
	margin:50px 0;
}
.profile-balance span{
	color: #6D6D6D;
	font-weight: 400;
}
.profile-payment .payments_list{
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.profile-payment .payment_item{
	max-width:359px;
	padding: 5px 100px;
    background: #F3F3F3;
    border-radius: 33px;
	display: flex;
	flex: 1;
	justify-content: center;
    box-sizing: border-box;
}
.rents_list{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.rents_list .rent_item{
	background: #F3F3F3;
	border-radius:17px;
	padding:20px;
}
.rents_list .rent_item__info{
	color:#000;
	font-weight: 400;
	font-size: 18.56px;
}
.rents_list .item__info-name{
	margin-bottom:15px;
}
.rents_list .rent-time, .rent-period, .rent-name{
	padding: 10px 0;
    background: #fff;
    border-radius: 20.62px;
    text-align: center;
}
.rents_list .rent_item__info + .rent_item__info{
	margin-top:30px;
}
.credits_history{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap:30px;
}
.credits_history .credits_history_column{
	background: #F3F3F3;
	padding:30px;
	border-radius:38.55px;
}
.credits_history .payment{
	display: flex;
    gap: 15px;
	align-items: center;
}
.credits_history .payment_name{
	color:#000;
	font-weight: 400;
	font-size: 18.69px;
}
.credits_history .payment_value{
	color:#000;
	background: #fff;
    width: -webkit-fill-available;
	padding: 10px 0;
	text-align: center;
	border-radius:46.73px;
	font-size:28.04px;
	font-weight: 400;
}
.credits_history .payment + .payment{
	margin-top:20px;
}
.block-title-profile h1{
	margin:0;
	font-size:32px;
}
.credits_history.desktop{
	display:grid;
}
.credits_history.mobile{
	display:none;
}
.earn-more .container >div {
	position:relative;
}
.smart-captcha {
	margin-top:20px;
}
@media(max-width:1400px){
	.profile-block{
		padding:0 30px;
	}
}
@media(max-width:1350px){
	.bike-add-info--pos-1 {
		top: -25%;
		left: 58%;
	}
	.bike-add-info--pos-2 {
		top: -7%;
		left:68%;
	}
	.bike-add-info--pos-3 {
		top:7%;
		left:82%;
	}
	.bike-add-info--pos-4 {
		top: 32%;
		left:51%;
	}
	.bike-add-info--pos-5 {
		top:33%;
		left:72%;
		width: max-content;
	}
	.bike-add-info--pos-6 {
		top:60%;
		left:82%;
		max-width:min-content;
	}
}
@media(max-width:1350px){
	.test-drive .container{
		display:block;
	}
	.test-drive .map-block {
		margin: 0 auto 30px;
        max-width: 80%;
	}
	.test-drive .map-block iframe {
		width: -webkit-fill-available;
	}
	.test-drive .info-block {
		margin: 0 auto;
		max-width: fit-content;
	}
}
@media(max-width:1300px){
	.header_main .form-sumbit_application {
		font-size:18px;
		padding: 15px 10px;
	}
	.header_main .button_circle {
		width:60px;
		height:60px;
	}
	footer ul.header_menu {
    	font-size:18px;

	}
	footer .form-sumbit_application {
		font-size:18px;
		padding: 15px 10px;
	}
	footer .button_circle {
		width: 60px;
		height: 60px;
	}
	footer .footer_tel {
		font-size: 25px;
	}
	footer .footer_street {
		font-size: 18px;
	}
	footer .footer_time {
		font-size: 18px;
	}
	footer .footer-top_right{
		margin-left:20px;
		gap:40px;
	}
}
@media(max-width:1280px){
	.bike-add-info--pos-1 {
		top: -18%;
		left: 58%;
	}
	.bike-add-info--pos-2 {
		top: -2%;
		left:68%;
	}
	.bike-add-info--pos-3 {
		top:10%;
		left:82%;
	}
	.bike-add-info--pos-4 {
		top: 36%;
		left:51%;
	}
	.bike-add-info--pos-5 {
		top:35%;
		left:72%;
		width: max-content;
	}
	.bike-add-info--pos-6 {
		top:57%;
		left:82%;
	}
}
@media(max-width:1240px){
	footer .footer-top_right{
		margin-left:auto;
		gap:20px;
	}
}
@media(max-width:1200px){
	.bike-rentals .block-detail-text{
		max-width:650px;
	}
	.bike-rentals .button_rent {
		padding:15px 40px;
	}
	.bike-rentals .bike-photo{
		top:auto;
		bottom:17%;
	}
	.bike-rentals .tg_img img{
		max-width:80%
	}
	.bike-rentals .tg_img {
		text-align: end;
		margin:0;
	}
	.bike-rentals .buttons-list {
		margin: 40px 0;
	}
	.block-title {
		margin-bottom: 40px;
	}
	.earn-more .photo-bike{
		position:static;
		max-width:100%;
	}
	.earn-more .block-detail-text{
		margin-top:20px;
	}
	.earn-more .block-detail-text br{
		display:none;
	}
	.earn-more .container{
		display:flex;
		justify-content: center;
	}
	.earn-more .container >div{
		width:min-content;
	}

	.bike-add-info--pos-1 {
		top: 13%;
		left: 24%;
	}
	.bike-add-info--pos-2 {
		top: 19%;
		left:47%;
	}
	.bike-add-info--pos-3 {
		top:25%;
		left:68%;
	}
	.bike-add-info--pos-4 {
		top: 34%;
		left:11%;
	}
	.bike-add-info--pos-5 {
		top:36%;
		left:48%;
	}
	.bike-add-info--pos-6 {
		top:46%;
		left:72%;
	}
}
@media(max-width:1130px){
	footer .footer_view1{
		display:none;
	}
	footer .footer_view2{
		display:grid;
		grid-template-columns: repeat(2, auto);
    	grid-template-rows: repeat(3, auto);
		row-gap: 10px;
		column-gap:30px;
	}
	footer .footer_logo {
		width:auto;
		display:flex;
	}
}
@media(max-width:992px){
	.profile-info_block {
		flex-direction: column;
	}
	.profile-info {
		width: 100%;
	}
	.rents_list {
		display:block;
	}
	.rents_list .rent_item + .rent_item{
		margin-top:25px;
	}
	.credits_history.desktop{
		display:none;
	}
	.credits_history.mobile{
		display:block;
	}
	.footer_main {
		padding: 25px 30px;
	}
	.header_main {
		padding: 20px;
		gap:60px;
		margin-bottom:20px;
	}
	.bike-rentals .bike-photo{
		//top:23%;
		bottom:1%;
		top:auto;
	}
	.bike-rentals{
		padding:15px 15px 30px;
	}
	.earn-more, .buyout{
		padding:15px;
	}
	.block-title{
		font-size:42px;
		margin-bottom:30px;
	}
	.block-title.title-out{
		margin:40px 0 30px 15px;
	}
	.block-section .title-under-text{
		font-weight: 400;
		font-size: 32px;
		margin:-10px 0 30px 15px;
	}
	.block-title br, .block-detail-text br{
		display:none;
	}
	.bike-rentals .block-detail-text{
		font-size:27px;
		//max-width:unset;
	}
	.bike-rentals .buttons-list{
		margin-top:20px;
		margin-bottom:50px;
	}
	.bike-rentals .button_rent{
		padding:10px 30px;
		border-radius:14.17px;
		font-size:29px;
	}
	.bike-rentals .tg_img {
		text-align: end;
		margin-left:2%;
	}
	.bike-rentals .buttons-list img{
		max-width:50px;
	}
	.bike-info-list{
		display:block;
	}
	.bike-rentals .info-list-item + .info-list-item{
		margin-left:0px;
		margin-top:20px;
	}
	.bike-rentals .info-list-item{
		width:max-content;
	}
	.buyout .buyout_text {
		font-size:25px;
	}
	.buyout .inp {
		font-size:25px;
	}
	.buyout .buyout_btn {
		font-size:20px;
		width:90%;
	}
	.buyout .select_inner {
		margin: 10px 0 16px;
	}
	.buyout .custom-options {
		font-size:25px;
		border-radius:32px;
	}
	.test-drive .info-block_tel >div {
    	margin: 10px 0;
	}
	.test-drive .info-block_name  {
		font-size:25px;
	}
	.test-drive .info-block_tel {
		font-size:25px;
	}
	.test-drive .info-block_street {
		font-size:25px;
	}
	.test-drive .leave_request {
		font-size:25px;
	}
	.test-drive .map-block {
		max-width:100%;
	}
	.test-drive .map-block iframe {
		height:400px!important;
	}
}
@media(max-width:930px){
	 footer .footer_tel {
        font-size: 24px;
    }
	footer ul.header_menu {
		font-size:16px;
	}
	footer .button_circle {
        width: 47px;
        height: 47px;
    }
}
@media(max-width:880px){
	.bike-rentals .bike-photo{
		//top:35%;
		right: 4%;
	}
	footer ul.header_menu {
		font-size:14px;
	}
}
@media(max-width:810px){
	footer ul.header_menu {
		font-size:13px;
	}
	.footer_main {
		padding:25px 15px;
	}
}
@media(max-width:810px){
	.bike-rentals .bike-photo{
		//top:40%;
		right: 0;
		min-width:260px;
	}
	.test-drive .map-block {
		margin: 0 auto 20px;
        max-width: 100%;
	}
	.test-drive .map-block iframe {
		width: -webkit-fill-available;
	}
	.test-drive .info-block {
		margin: 0 auto;
		max-width: fit-content;
	}
	.profile-payment .payments_list {
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.profile-payment .payment_item {
		padding: 5px ;
		height: -webkit-fill-available;
	}
}
@media(max-width:768px){
	.credits_history .payment_value {
		font-size:25px;
	}
	.credits_history .credits_history_column {
		padding:20px;
	}
	.block-title-profile {
		font-size:25px;
	}
	.title-profile-mg {
		margin-bottom:15px;
	}	
	.profile-block {
		padding: 0 15px;
	}
	.profile-balance {
		font-size:25px;
		margin: 30px 0;
	}
	.bike-rentals .bike-photo{
		min-width:240px;
	}
	.earn-more .block-detail-text{
		width:auto;
		padding: 15px;
	}
	.earn-more .container >div {
        width: auto;
    }
	.test-drive .map-block {
		padding:15px;
	}
	.test-drive .info-block_ins {
		padding:13px;
	}
	.test-drive .info-block {
		padding:15px;
	}
	footer .footer_view2{
		display:none;
	}
	footer .footer_view3{
		display:flex;
		justify-content: center;
		text-align: center;
	}
	footer .form-sumbit_application {
		display: block;
        width: fit-content;
	}
	footer ul.header_menu {
		display:block;
		font-size:18px;
	}
	footer ul.header_menu li +li{
		margin-top:20px;
	}
	footer .footer_street {
        margin:20px 0;
    }
	footer .footer_logo {
		gap:30px;
		align-items: center;
	}
}
@media(max-width:720px){
	.header_main .button_circle {
		width:47px;
		height:47px;
	}
}
@media(max-width:690px){
	.header_main .form-sumbit_application {
		display:none;
	}
	.header_main > a svg{
		max-height:50px;
	}
	.header_main {
		padding:10px 10px 10px 20px;
	}
	.profile-payment .payments_list {
		gap:15px;
	}
}
@media(max-width:660px){
	.earn-more .bike_add_info {
		font-size:10px;
		padding: 3px 10px 3px 3px;
		gap:7px;
	}
	.earn-more .add_info_circle {
		padding:4px;
	}

	.bike-add-info--pos-1 {
		top: 9%;
		left: 24%;
	}
	.bike-add-info--pos-2 {
		top: 18%;
		left:47%;
	}
	.bike-add-info--pos-3 {
		top:23%;
		left:68%;
		max-width: 153px;
	}
	.bike-add-info--pos-4 {
		top: 31.5%;
		left:11%;
	}
	.bike-add-info--pos-5 {
		top:34%;
		left:48%;
	}
	.bike-add-info--pos-6 {
		top:39%;
		left:72%;
	}
}
@media(max-width:560px){
	.profile-payment .payments_list {
		grid-template-columns: auto;
	}
	.profile-payment .payment_item {
		width: -webkit-fill-available;
    	margin: 0 auto;
	}
	.bike-rentals .bike-photo{
		min-width:unset;
		position:static;
		max-width:60%;
	}
	.bike-rentals{
		padding:15px;
	}
	.block-title{
		font-size:32px;
		margin-bottom:20px;
	}
	.block-section .title-under-text{
		font-size: 25px;
	}
	.bike-rentals .block-detail-text{
		font-size:24px;
	}
	.bike-rentals .buttons-list {
		display:block;
		margin-bottom: 20px;
    }
	.bike-rentals .button_rent {
        margin-bottom:15px;
    }
	.bike-rentals .tg_img{
		margin-left:0;
	}
	.bike-rentals .tg_img + .tg_img{
		margin-left:20px;
	}
	.bike-rentals .info-list-item {
        width: auto;
    }
	.bike-info-list {
        margin-top:10px;
    }
	.bike-rentals .bike-photo__block {
		display:flex;
		justify-content:center;
	}
	.test-drive .info-block_street {
        font-size: 20px;
    }
	.header_main {
		gap:30px;
	}
	.header_main .header_buttons {
		gap:10px;
	}
	.bike-add-info--pos-3 {
		top: 23%;
        left: 70%;
        max-width: 122px;
	}
	.bike-add-info--pos-5 {
		top: 32%;
        left: 52%;
        max-width: min-content;
	}
}
@media(max-width:500px){
	.bike-add-info--pos-3 {
        top: 21%;
		left: 68%;
	}
	.bike-add-info--pos-2 {
        top: 15%;
        left: 47%;
    }
	.bike-add-info--pos-5 {
        top: 30%;
    }
	.bike-add-info--pos-6 {
        left: 67%;
    }
}
@media(max-width:430px){
	.bike-add-info--pos-1 {
		top: 3%;
	}
	.bike-add-info--pos-2 {
		top: 12%;
        left: 40%;
	}
	.bike-add-info--pos-3 {
		top: 17%;
        left: 66%;
	}
	.bike-add-info--pos-4 {
		top: 23.5%;
	}
	.bike-add-info--pos-5 {
		top: 26%;
	}
	.bike-add-info--pos-6 {
		top: 32%;
        left: 66%;
	}
	.earn-more .bike_add_info {
		font-size:8px;
	}
}
@media(max-width:410px){
	.bike-rentals .bike-photo{
		max-width:100%;
	}
}
@media(max-width:375px){
	.bike-rentals .nowrap{
		display:none;
	}
	.bike-rentals .wrap{
		display:block;
	}
}