body{
	overflow:hidden;
	user-select:none
}
@font-face{
	src:url(./font_0.b9ad17ab.ttf) format("truetype");
	font-family:Gendis
}
@font-face{
	src:url(./Poppins-ExtraLight.427d89e2.ttf) format("truetype");
	font-family:Poppins
}
.ESCKaybeden .Vignate{
	position:fixed;
	margin:auto;
	top:0;
	left:0vw;
	width:100vw;
	height:80vw;
	box-shadow:0 -18vw 20vw 18vw #000000c4 inset
}
.ESCKaybeden .bottomheader{
	position:absolute;
	height:1.7vw;
	width:51%!important;
	margin:0 auto;
	left:0;
	right:0;
	bottom:1vw
}
.ESCKaybeden .bottomheader .ButtonBox{
	position:relative;
	float:left;
	width:auto!important;
	height:100%;
	left:-1.15vw;
	margin-left:2.3vw
}
.ESCKaybeden .bottomheader .ButtonBox>P{
	margin:.35vw auto;
	float:left;
	font-size:.8vw;
	color:#ffffffba;
	font-family:Poppins
}
.ESCKaybeden .bottomheader .ButtonBox>button{
	float:left;
	margin-left:.3vw;
	height:100%;
	width:auto!important;
	background-color:#8181c631;
	transition:.25s transform;
	border:none;
	text-align:center;
	font-size:1vw;
	color:#ffffff80;
	font-weight:unset;
	font-family:Poppins
}
.ESCKaybeden .bottomheader .ButtonBox>button:hover{
	transform:scale(.9)
}
.ESCKaybeden .SearchBox{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:4vw
}
.ESCKaybeden .SearchBox>input{
	text-align:center;
	font:inherit;
	border:6px solid #a3d8d6;
	padding:13px 12px;
	font-size:15px;
	box-shadow:0 1px 1px #ddd;
	width:384px;
	outline:none;
	display:block;
	color:#7b8585;
	margin:0 auto 20px
}
.ESCKaybeden{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0
}
.ESCKaybeden .topheader{
	display:flex;
	position:absolute;
	height:2vw;
	width:64vw;
	margin:auto;
	left:0;
	right:1;
	top:.8vw;
	z-index:5
}
.ESCKaybeden .topheader .Caregory{
	margin:auto;
	left:0;
	right:0;
	font-size:.9vw;
	margin-left:1.2vw;
	font-weight:800;
	font-family:Poppins;
	color:#ffffffd7;
	transition:.27s all
}
.ESCKaybeden .topheader .Caregory:hover{
	transform:scale(.9);
	color:#0d66f9
}
.ESCKaybeden .topheader .selectcategory{
	color:#0d66f9
}
.ESCKaybeden .BottomMoneyHeader{
	position:absolute;
	height:2.2vw;
	width:17vw;
	margin:0 auto;
	left:0;
	right:0;
	bottom:4vw;
	border:.1vw solid;
	border-image:linear-gradient(-170deg,white 10%,#af261c00 30%,#af261c00 65%,white 100%) 10;
	background-color:#f000;
	text-align:center;
	font-size:1.5vw;
	padding-top:.2px;
	font-family:Poppins;
	color:#96c147
}
.ESCKaybeden .LeftHeader{
	position:absolute;
	height:auto;
	width:auto;
	top:0;
	left:2.7vw;
	perspective:20vw
}
.ESCKaybeden .NewHeaders{
	position:relative;
	height:1.6vw;
	width:16vw;
	margin:0 auto;
	left:0;
	right:0
}
.ESCKaybeden .NewHeaders .Logo{
	height:1.4vw;
	width:1.4vw;
	left:0;
	float:left
}
.ESCKaybeden .NewHeaders>p{
	padding-top:.26vw;
	text-indent:.4vw;
	font-size:.8vw;
	font-family:Poppins;
	font-weight:600;
	color:#ffffffe2
}
.ESCKaybeden .NewHeaders .Gradient{
	position:absolute;
	height:.1vw;
	width:8.4vw;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	background:linear-gradient(to right,#2f2f39 0%,#2f2f39c6 40%,#2f2f395e 70%,#2f2f3900 100%)
}
.ESCKaybeden .CarListBox{
	position:relative;
	height:29vw;
	width:16vw;
	top:1vw;
	margin:0 auto;
	left:0;
	right:0;
	transform:rotateY(5deg);
	direction:rtl;
	overflow-y:scroll;
	overflow-x:hidden
}
.ESCKaybeden .CarListBox::-webkit-scrollbar{
	width:2px
}
.ESCKaybeden .CarListBox::-webkit-scrollbar-track{
	background-color:#8181c62e
}
.ESCKaybeden .CarListBox::-webkit-scrollbar-thumb{
	background-color:#ffffffa5
}
.ESCKaybeden .CarListBox .CarLists{
	position:relative;
	height:3vw;
	width:96%;
	left:0;
	top:0;
	margin-top:.3vw;
	border-radius:.2vw;
	border:.1vw solid #1E1E24;
	background-color:#1e1e24b1;
	transition:.3s transform
}
.ESCKaybeden .CarListBox .CarLists:hover{
	transform:scale(.9)
}
.ESCKaybeden .CarListBox .CarLists>p{
	position:absolute;
	text-align:center;
	top:-2.8px;
	left:0;
	width:100%;
	font-size:.9vw;
	font-family:Poppins;
	color:#ffffffe2
}
.ESCKaybeden .CarListBox .carlistssecili{
	background-color:#518ef3;
	border:2px solid #00000053;
	transition:.3s all
}
.ESCKaybeden .CarListBox .carlistssecili:hover{
	box-shadow:0 0 7vh #003894;
	transform:rotateY(8deg)scale(.9)
}
.ESCKaybeden .ColorPaletteBox{
	position:relative;
	height:5vw;
	width:16vw;
	top:1vw;
	margin:0 auto;
	left:0;
	right:0;
	transform:rotateY(4deg)
}
.ESCKaybeden .ColorPaletteBox .colorpalates{
	position:relative;
	width:1.6vw;
	height:1.6vw;
	left:0;
	top:0;
	margin-top:.4vw;
	margin-left:.4vw;
	float:left;
	border-radius:4px;
	box-shadow:0 0 1vw -.6vw #00000098 inset;
	transition:.3s all
}
.ESCKaybeden .ColorPaletteBox .colorpalates:hover{
	box-shadow:0 0 2px #ffffff8f;
	transform:scale(1.3)
}
.ESCKaybeden .BuyCarBox{
	position:relative;
	height:3.5vw;
	width:16vw;
	top:1vw;
	background-color:#96c147;
	transform:rotateY(4deg);
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	transition:.35s box-shadow
}
.ESCKaybeden .BuyCarBox:hover{
	box-shadow:0 0 1vw #96c147
}
.ESCKaybeden .BuyCarBox>p{
	position:absolute;
	text-align:center;
	width:100%;
	top:0px;
	font-size:1vw;
	font-family:Poppins;
	color:#ffffffe2
}
.ESCKaybeden .TestCarBox{
	position:relative;
	height:1.6vw;
	width:16vw;
	margin:0 auto;
	left:0;
	right:0;
	top:1.3vw;
	transform:rotateY(4deg);
	background-color:#2f303eba;
	box-shadow:0 15px 1.2vw -2.3vh #96c147 inset;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	overflow:hidden;
	transition:.35s box-shadow
}
.ESCKaybeden .TestCarBox:hover{
	box-shadow:0 -15px 2.5vh -2.3vh #1ddb2ae7 inset
}
.ESCKaybeden .TestCarBox>p{
	position:relative;
	text-align:center;
	padding-top:0vw;
	top:-.64vw;
	font-size:.8vw;
	font-family:Poppins;
	color:#ffffff90
}
.ESCKaybeden .RightBasic{
	position:absolute;
	height:auto;
	width:auto;
	top:0;
	right:2.7vw;
	perspective:20vw
}
.ESCKaybeden .RightBasic .Close{
	position:absolute;
	width:10vw;
	height:auto;
	top:1vw;
	right:2vw;
	transform:rotateY(-4deg);
	font-family:Poppins;
	font-weight:600
}
.ESCKaybeden .RightBasic .Close:hover>span{
	background-color:#1e1e2491
}
.ESCKaybeden .RightBasic .Close>p{
	font-size:.9vw;
	float:left;
	color:#ffffff80
}
.ESCKaybeden .RightBasic .Close>p>span{
	position:absolute;
	right:0;
	height:auto;
	width:3vw;
	text-align:center;
	font-size:1vw;
	color:#ffffffba;
	background-color:#8181c629
}
.ESCKaybeden .CarInfoBox{
	position:relative;
	height:auto;
	width:14vw;
	margin:auto;
	left:0;
	top:1vw;
	transform:rotateY(-7deg)
}
.ESCKaybeden .CarInfoBox .infolistbox{
	position:relative;
	width:100%;
	height:3vw;
	top:0;
	margin-top:.8vw
}
.ESCKaybeden .CarInfoBox .infolistbox .Header{
	position:absolute;
	width:100%;
	height:1vw;
	top:0;
	left:0;
	font-family:Poppins;
	font-weight:600;
	color:#ffffffe2;
	font-size:.7vw
}
.ESCKaybeden .CarInfoBox .infolistbox .Header>p{
	position:absolute;
	right:.2vw;
	bottom:-.8vw;
	text-align:right
}
.ESCKaybeden .CarInfoBox .infolistbox .LoadBarBox{
	position:relative;
	width:100%;
	height:.4vw;
	top:1.5vw;
	margin:0 auto;
	left:0;
	right:0;
	overflow:hidden;
	background-color:#1e1e24b1
}
.ESCKaybeden .CarInfoBox .infolistbox .LoadBarBox .LoadBar{
	position:absolute;
	height:100%;
	width:10%;
	top:0;
	left:0;
	background-color:#96c147
}
.ESCKaybeden .CarInfoBox .infolistbox .LoadBarBox .LoadBar .LoadBarWhite{
	position:absolute;
	height:100%;
	width:.3vw;
	top:0;
	right:0;
	background-color:#fff
}