/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

:root {
    --font-family: "Montserrat", sans-serif;
    --second-family: "Inter", sans-serif;

    --gray-background:#f5f5f5;
    --black-background:#000;
    --gray2-background:#DDDDDD;
    --gray3-background:#464646;
    --yelow-background:#FFB900;
    --white-background:#FFF;
    --wine-backround:#551A8B;

    --color-black:#000;
    --color-white:#FFF;
    --color-yelow:#FFB900;
    --color-gray:#696969;
    --color-gray2:#8D8D8D;

    --border-gray:#E0E0E0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: var(--font-family);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
	font-family: var(--font-family);
}




html {
  overflow-y: scroll;
}
body{
    display: flex;

	background:#FFF;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color:var(--color-black);
	min-height: calc(100vh - 130px);
	font-family: var(--font-family);
	
	overflow:hidden;

   
    flex-direction: column;
    position: relative;
    min-height: 100%;
    /*min-width: var(--min-width);
    color: var(--text-black);
    background: var(--bg-gray);*/
    box-sizing: border-box;
}
a {
	text-decoration:none;
    color: #2e8ece;
}

.centrall_wrapper{
    position: relative;
    flex: 1 0 auto;
    align-self: center;
    width: 100%;
    min-height: var(--main-min-height);
    margin-top: calc(var(--hdr-overlap)* -1);
    box-sizing: border-box;
    width:100%;
   /* max-width: 1440px;*/
    
    background: var(--bg-white);
    border-radius: var(--br-xl);
}

    /*Header*/
    .bee_head{
        padding: 16px 0px 0px 0px;
    }
    .head_info{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
        /*Brand Logo*/
        .brand_logo{
            position: relative;
            padding-left: 70px;
        }
        .brand_logo:before {
            content: "";
            position: absolute;
            background: url(/img/beecars_logo.svg);
            width: 63px;
            height: 61px;
            background-size: 100% 100%;
            top: 0px;
            left: 0px;
        }
        .brand_logo_company{
            font-family: var(--font-family);
            font-weight: 900;
            font-size: 32px;
            color:var(--color-black);
        }
        .brand_logo_text{
            font-family: var(--font-family);
            font-weight: 300;
            font-size: 12px;
            color:var(--color-black);
        }

        /*Brands Contacts*/
        .brand_contacts{
            align-self: center;
            justify-self: center;
        }
        .phone-header{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 117%;
            color:var(--color-black);
            padding-bottom: 10px;
        }

        .phone-header a{ 
            color: var(--color-black);
            padding-left: 40px;
            position: relative;
            
        }
        .phone-header a:before{ 
            content: "";
            position: absolute;
            background: url(/img/icons/PhoneVibrate.svg);
            width:34px;
            height:31px;
            background-size: 100% 100%;
            top: -3px;
            left: 0px;
        }
        .phone-adress{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 15px;
            line-height: 156%;
            color:var(--color-black);
            padding-left: 40px;
            position: relative;
        }
        .phone-adress:before{ 
            content: "";
            position: absolute;
            background: url(/img/icons/Adress.svg);
            width:18px;
            height:23px;
            background-size: 100% 100%;
            top: -3px;
            left:8px;
        }
        /*Brands_time*/
        .brands_time{
            align-self: center;
            justify-self: center;
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 16px;
            line-height: 146%;
            color:var(--color-black);
        }
        .brands_time span{
            font-size: 12px;
        }

        /*Header_Menu*/
        .head_menu{
            background: var(--gray-background);
        }
        .mainmenu{
            display: flex;
            align-items: center;
            gap: 32px;
            font-family: var(--font-family);
            font-weight: 500;
            font-size: 15px;
            line-height: 124%;
            letter-spacing: -0.01em;
            padding: 8px 0px;
        }
        .mainmenu a{
            color:var(--color-black);
        }
        .mainmenu a:hover{
            color: orange;
            text-shadow: 0 0 5px orange;
        }

        /*Header Actions*/
        .header-actions{
            position: relative;
            align-self: center;
            justify-self: center;
            display: flex;
            gap: 10px;
            top: -10px;
        }
        .whatsapp_call{
            position: relative;
            background: url(/img/icons/icon_hatsapp.svg) center no-repeat;
            width: 40px;
            height: 40px;
            background-size: 100% 100%;
            cursor: pointer;
        }
        .telegram_call{
            position: relative;
            background: url(/img/icons/icon_telega.svg) center no-repeat;
            width: 40px;
            height: 40px;
            background-size: 100% 100%;
            cursor: pointer;
        }

        /*Show menu button*/
        
            #butoon-header {
                padding-right: 40px;
                justify-content: flex-end;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                justify-content: space-around;
                position: relative;
            }

            .show-menu-desctop,.show-menu-mobile{
            
            }

            .show-menu-desctop label,.show-menu-mobile label{
                display:flex;
                flex-direction:column;
                width:35px;
                cursor:pointer;
            }
            .show-menu-desctop label span,.show-menu-mobile label span{
                background:var(--black-background);
                border-radius:10px;
                height:3px;
                margin:3.5px 0;
                transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
            }
            .show-menu-desctop span:nth-of-type(1),.show-menu-mobile span:nth-of-type(1){
                width:100%;  
            }
            .show-menu-desctop span:nth-of-type(2),.show-menu-mobile span:nth-of-type(2){
                width:100%;
            }
            .show-menu-desctop span:nth-of-type(3),.show-menu-mobile span:nth-of-type(3){
                width:100%;
            }
            .show-menu-desctop input[type="checkbox"],.show-menu-mobile input[type="checkbox"]{
            display:none;
            }
            .show-menu-desctop input[type="checkbox"]:checked ~ span:nth-of-type(1){
                transform-origin:bottom;
                /*transform:rotatez(45deg) translate(8px,0px);*/
                width:50%;
                transform: rotatez(45deg) translate(4px,0px);
            }
            .show-menu-desctop input[type="checkbox"]:checked ~ span:nth-of-type(2){
            
                transform-origin:top;
                transform:rotatez(-45deg)
            }
            
            .show-menu-desctop input[type="checkbox"]:checked ~ span:nth-of-type(3){
            
                transform-origin:bottom;
                width:50%;
                /*transform: translate(30px,-11px) rotatez(45deg);*/
                transform: translate(15px,-5.5px) rotatez(45deg);
            }
            .show-menu-mobile{
                position: relative;
                top: 10px;
            }
            .show-menu-mobile input[type="checkbox"]:checked ~ span:nth-of-type(1){
                transform-origin:bottom;
                /*transform:rotatez(45deg) translate(8px,0px);*/
                width:50%;
                transform: rotatez(45deg) translate(4px,0px);
            }
            .show-menu-mobile input[type="checkbox"]:checked ~ span:nth-of-type(2){
            
                transform-origin:top;
                transform:rotatez(-45deg)
            }
            
            .show-menu-mobile input[type="checkbox"]:checked ~ span:nth-of-type(3){
            
                transform-origin:bottom;
                width:50%;
                /*transform: translate(30px,-11px) rotatez(45deg);*/
                transform: translate(15px,-5.5px) rotatez(45deg);
            }

            /*Mobile Nav Menu*/
		.main-nav{
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			text-align: center;
			background: #FFF;
			opacity: 0;
			z-index: -1;
			visibility: hidden;
			transition: all .375s;
			width: 100%;
			height: 100%;
		}
		.main-nav.is-open {
			opacity: 1;
			z-index:90;
			visibility: visible;
		}
		.main-nav::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: -15px;
			background: #FEDC2A;
			transform-origin: 0 0;
			transform: skew(-14deg) translateX(-120%);
			transition: all .275s .1s;
		}
		.main-nav.is-open::before {
			transform: skew(-14deg) translateX(0);
		}
		.main-nav ul {
			display: inline-flex;
			flex-direction: column;
			height: 93%; /* Should be 100%, but we have a notice message :D */
			align-items: flex-end;
			justify-content: center;
			transform: translateX(-18%) skew(-16deg);
		}
		.main-nav li {
			display: block;
			margin: .5rem 0;
			text-align: right;
			transform: skew(16deg);
		}
		/* Apparition effect on links */
		.main-nav a {
			opacity: 0;
			transform: translateY(-10px);
		}
		.main-nav.is-open a {
			opacity: 1;
			transform: translateY(0);
		}
		.main-nav li:nth-child(1) a {
			transition: all 275ms 175ms
		}
		.main-nav li:nth-child(2) a {
			transition: all 275ms 225ms
		}
		.main-nav li:nth-child(3) a {
			transition: all 275ms 275ms
		}
		.main-nav li:nth-child(4) a {
			transition: all 275ms 325ms
		}
		.main-nav li:nth-child(5) a {
			transition: all 275ms 375ms
		}
		/* Decoration */
		.main-nav ul,
		.main-nav li {
			list-style: none;
			padding: 0;
		}
		.main-nav a {
			display: block;
			padding: 12px 0;
			color: #551a8b;
			font-size: 26px;
			text-decoration: none;
			letter-spacing: 1px;
			font-weight: 300;
		}

    /*MainPageSliders*/
        .index_top_block{
            position: relative;
            width: 100%;
            /* display: none; */
            /*height: calc(100vh - 250px);*/
            height: 500px;
            padding: 20px 0;
            background-color: #ffbf00;
            background: linear-gradient(to bottom, #F7B425 0%, #fcd45f 50%, #F7B425 100%);
            box-sizing: border-box;
        }

        .central_block{
            display: grid;
            grid-template-columns: 270px auto;
            padding:40px 0px;
            gap:32px;
        }

        .central_block_flex_column_50{
            display: flex;
           flex-direction: column;
            padding:40px 135px;
            gap:50px;
        }

        .central_block_slider{
            display: grid;
            grid-template-columns: auto 650px;
            width: 100%;
            padding:40px 135px;
            position: relative;
            height: 100%;
            box-sizing: border-box;
        }

        .central_block_left{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .central_block_left h1{
            font-family: var(--font-family);
            font-weight:900;
            font-size: 46px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 10px;
        }
        .central_block_left_text{
            font-family: var(--font-family);
            font-weight: 700;
            font-size:40px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 10px;
        }

        .central_block_left_ul{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            padding: 10px;
        }

        .central_block_left_ul > div {
            font-family: var(--font-family);
            font-weight:400;
            font-size:20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            padding-left: 60px;
        }
        .central_block_left_ul > div > div.slider_icon {
            position: absolute;
            width: 47px;
            height: 47px;
            background: var(--white-background);
            left: 0px;
            border-radius: 50%;
            top: -12px;
        }
        div.slider_icon_1:before {
            content: "";
            position: absolute;
            background: url(/img/icons/banner_1.svg);
            width:37px;
            height:37px;
            background-size: 100% 100%;
            top:5px;
            left:5px;
        }
        div.slider_icon_2:before {
            content: "";
            position: absolute;
            background: url(/img/icons/banner_2.svg);
            width:30px;
            height:30px;
            background-size: 100% 100%;
            top:7px;
            left:9px;
        }
        div.slider_icon_3:before {
            content: "";
            position: absolute;
            background: url(/img/icons/banner_3.svg);
            width:32px;
            height:29px;
            background-size: 100% 100%;
            top:8px;
            left:8px;
        }
        div.slider_icon_4:before {
            content: "";
            position: absolute;
            background: url(/img/icons/banner_4.svg);
            width:37px;
            height:37px;
            background-size: 100% 100%;
            top:5px;
            left:5px;
        }

        /*Cars Brands AND OTHER*/
        .left_block_content{
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        .center_block_content{
            position: relative;
        }
        .brands_list_content{
            position: relative;
            border: 1px solid var(--border-gray);
            
        }

        .brands_list_content > h2{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding:20px 10px 20px 30px;
            border-bottom: 1px solid var(--border-gray);
            position:relative;
        }

        .brands_list_content > h2:before{
           content: "";
            position: absolute;
            background: var(--yelow-background);
            width: 5px;
            height: 40px;
            top: 10px;
            left: 15px;
        }

        .how_order_text{
            font-family: var(--font-family);
            font-weight:400;
            font-size:14px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding:20px 10px 20px 15px;
            border-bottom: 1px solid var(--border-gray);
            position:relative;
        }
        .how_order_text > p{
            padding: 10px 0px;
        }
        .how_order_text > p > a{
            font-weight:700;
            color: var(--color-black);
        }

        .main_uslovia{
            position: relative;
            padding:20px 10px 20px 15px;
            display: flex;
            flex-direction: column;
            gap:20px;
        }
        .main_uslovia_wrap{
            display: grid;
            grid-template-columns: 79px auto;
            gap: 10px;
            border: 1px solid var(--border-gray);
            padding: 10px;
        }
        .main_uslovia_text{
            position: relative;
            display: flex;
            flex-direction: column;
        }
        .main_uslovia_text_heading{
            font-family: var(--font-family);
            font-weight:400;
            font-size:14px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom: 15px;
        }
        .main_uslovia_text_price{
            font-family: var(--font-family);
            font-weight:400;
            font-size:24px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom: 15px;
        }
        .main_uslovia_text_text{
            font-family: var(--font-family);
            font-weight:400;
            font-size:11px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom: 15px;
        }



       


        /*Cars on mainpage*/
        .cars-on-mainpage-wrapper {
            width: 100%;
            background: #FFF;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            box-sizing: border-box;
            gap: 30px;
        }
        .main-car-card {
            background: #FFF;
            position: relative;
            margin-bottom: 30px;
            box-shadow: 0 4px 10px -5px rgb(0 0 0 / 20%);
            box-sizing: border-box;
        }
        .main-car-card-content img{
            width:100%;
            cursor: pointer;
        }
       
        .mc_hide{
            display: none;
        }
        .main-car-card-content h2{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color:var(--color-black);
            padding: 10px;
        }
        .main-car-card-content h2 a{
            color:var(--color-black);
        }
        /*Days On Maincards*/
        .main-cars-days {
        }
        .button-days-cols{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 12px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 6px 10px;
            text-transform: uppercase;
        }
        .main-cars-days ul {
            position: relative;
            flex-flow: row;
            font-size: 14px;
            font-weight: 400;
            color: #551a8b;
            display: flex;
            text-transform: uppercase;
            align-items: flex-end;
            top: 2px;
        }
        .main-cars-days ul li {
            outline: 0;
            border: 0;
           
            padding: 8px 5px;
            box-sizing: border-box;
            width:40px;
            color:var(--color-black);
            text-transform: uppercase;
            margin-left: 10px;
            transition: all 0.3s ease;
            font-weight:600;
            text-align: center;
            font-size: 18px;
            box-sizing: border-box;
            cursor: pointer;
            box-shadow: 0 4px 30px -5px rgb(0 0 0 / 20%);
        }
        .main-cars-days ul li.active-car-card{
            background: var(--yelow-background);
        }

        .button-fast-order-price{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 10px;
        }

        .button-fast-order-but{
            background: #551A8B;
            text-align: center;
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 18px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: #FFF;
            padding: 15px;
            cursor: pointer;
        }
        .button-fast-order-but:hover{
            color: #000;
            font-weight: 700;
            background: var(--yelow-background);
        }


        /*Text Block Components*/
        .promo_car_1{position: relative;}
        .promo_car_1::after {
            content: "";
            position: absolute;
            background: url(/img/promocars/arenda-kia-soul-promo.png);
            width: 840px;
            height: 540px;
            background-size: cover;
            top: -60px;
            right: -350px;
        }

        .side_line_block{
            position: relative;
            padding-left: 50px;
            box-sizing: border-box;
            border-left: 5px solid #e8d716;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height:62px;
        }
        .side_line_header{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            
        }
        .side_line_text{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 16px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-top: 10px;
        }

        /*Etapi Arendi Autosov*/
        .arenda_left_ul{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 90px;
            padding: 50px 0px;
        }
        .arenda_left_ul > div {
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            padding-left: 120px;
        }
        .slider_icon_yelow{
            position: absolute;
            width:82px;
            height:82px;
            background: var(--yelow-background);
            left: 0px;
            border-radius: 50%;
            top: -12px;
        }
        .slider_icon_yelow_1:before{
            content: "";
            position: absolute;
            background: url(/img/icons/number_1.svg);
            width:27px;
            height:72px;
            background-size: 100% 100%;
            top: 7px;
            left: 35px;
        }
        .slider_icon_yelow_2:before{
            content: "";
            position: absolute;
            background: url(/img/icons/number_2.svg);
            width:37px;
            height:72px;
            background-size: 100% 100%;
            top: 7px;
            left: 35px;
        }
        .slider_icon_yelow_3:before{
            content: "";
            position: absolute;
            background: url(/img/icons/number_3.svg);
            width:38px;
            height:72px;
            background-size: 100% 100%;
            top: 7px;
            left: 35px;
        }
        .slider_icon_yelow_4:before{
            content: "";
            position: absolute;
            background: url(/img/icons/number_4.svg);
            width:47px;
            height:72px;
            background-size: 100% 100%;
            top: 7px;
            left: 35px;
        }

        .arenda_left_ul_heading{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 16px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
        }
        .arenda_left_ul_text{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 13px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
        }

        /*Cars Brands List*/
        .car_brands_list{
            display: flex;
            flex-direction: column;
            padding:20px 10px 20px 15px;
        }
        .car_brands_list_item{
            display: grid;
            grid-template-columns: 53px auto;
            gap: 32px;
            padding: 10px 0px;
            cursor: pointer;
        }
        .car_brands_list_item_name{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 14px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            text-transform: uppercase;
            align-self: center;
        }
        .car_brands_list_item:hover .car_brands_list_item_name{
            color: orange;
            text-shadow: 0 0 5px orange;
        }

        /*About Company*/
        .about_company_block{
            display: grid;
            grid-template-columns: 360px auto;
            gap: 150px;
        }
        .about_text_heading{
            font-family: var(--font-family);
            font-weight: 400;
            font-size:32px;
            line-height:150%;
            letter-spacing: -0.01em;
            color: var(--color-black);
        }
        .about_text_wrap{
            font-family: var(--font-family);
            font-weight: 400;
            font-size:15px;
            line-height:150%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 20px 0px;
        }
        .about_text_wrap > p{
            padding: 10px 0px;
        }
        .about_text_buttons{
            position: relative;
            width: 100%;
            padding: 20px 0px;
        }

    /*Pages*/
        .htmlpageblock{
            position: relative;
            display: flex;
            flex-direction: column;
        }    

        /*Breadcrumps*/
        .Breadrumps {
            width: 100%;
            position: relative;
            float: left;
            padding: 20px 0px;
            box-sizing: border-box;
        }
        .block-breadcrumbs {
            position: relative;
            width: 100%;
            line-height: 21px;
        }
        .block-breadcrumbs > ol {
            position: relative;
            width: 100%;
        }
        .block-breadcrumbs > ol > li.block-breadcrumbs-item {
            position: relative;
            float: left;
            font-size: 14px;
        }
        .block-breadcrumbs > ol > li.block-breadcrumbs-item > a {
            color: #000;
            padding-right: 20px;
            position: relative;
        }
        .block-breadcrumbs > ol > li.block-breadcrumbs-item > a::after {
            content: "|";
            position: absolute;
            top: -2px;
            right: 5px;
            height: 14px;
            color: #000;
        }
        .block-breadcrumbs > ol > li.block-breadcrumbs-item > span {
            font-weight: 700;
        }

        /*CarSingle*/
        .carsingle_screen{
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: row;
            gap:40px;
            padding: 20px 0px;
        }

        .carsingle_screen_full{
            width:100%;
        }

        .carsingle_screen_left{
            flex-grow: 1;
            width: 100%;
        }
        .carsingle_screen_left_tiWrap{
            position: relative;
            display:flex;
            flex-direction: row;
        }
        .carsingle_screen_left_image{

        }
        .carsingle_screen_left_text{
            padding: 15px 10px;
            font-weight: 400;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 15px;
            font-family: var(--font-family);
        }
        .carsingle_screen_left_text p{
            padding-bottom: 15px;
        }
        .carsingle_screen_left_text h3{
            font-weight: 700;
            padding: 15px 0px;
        }
        .carsingle_screen_left_text h4{
            font-weight: 700;
            padding: 15px 0px;
        }

        .carsingle_screen_right{
            width: 480px;
        }

        .carsingle_h1{
            font-family: var(--font-family);
            font-weight:700;
            font-size:32px;
            line-height:150%;
            letter-spacing: -0.01em;
            color: var(--color-black);
        }

        .carsingle_h1 > span{
            font-weight:900;
            color: var(--color-yelow);
        }

        .carsingle_text{
            font-family: var(--font-family);
            font-weight: 400;
            font-size:16px;
            line-height:150%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 20px 0px;
        }
        .similar_wrap{
            width: 100%;
            background: #FFF;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            box-sizing: border-box;
            gap: 30px;
        }
        /*car booking*/
        .car_booking{
            display: flex;
            flex-direction: column;
            padding: 15px 10px;
            background: #F2F2F2;
            border-radius: 5px;
            gap: 10px;
        }
        .car_booking_header{
            font-weight: 700;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 16px;
            font-family: var(--font-family);
        }
        .car_booking_dates{
            position: relative;
            display: flex;
            justify-content: space-between;
            padding: 10px 0px;
            gap: 20px;
        }
        .car_booking_dates_item label{
            font-weight: 500;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 14px;
            font-family: var(--font-family);
        }
        .car_booking_name{
            position: relative;
        }
        .car_booking_name label, .car_booking_phone{
            font-weight: 500;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 14px;
            font-family: var(--font-family);
            position: relative;
        }
        .car_booking_detail{
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-family: var(--font-family);
        }
        .price_total{
            font-size: 15px;
            position: relative;
            padding-bottom:5px;
            font-weight: 700;
        }
        .price_day{
            font-size:32px;
            position: relative;
            padding-bottom:5px;
            font-weight: 700;
        }
        .InputOnWhiteTextaR{
            border-radius: 5px;
            border: 2px solid #E7E7E7;
            padding: 5px 10px;
            box-sizing: border-box;
            width: 100%;
        }
        .InputOnWhiteTextaRError {
            font-size: 13px;
            font-family: var(--font-family);
            font-weight: 400;
            color: var(--color-black);
            position: absolute;
            right: 0px;
            top: 2px;
            z-index: 99;
            opacity: 0;
        }



        .car_booking_ur_text{
            position: relative;
            width: 100%;
            padding: 10px 0px;
            font-weight: 400;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 12px;
            font-family: var(--font-family);
        }

        /*Fast Car Booking*/
        .fast_car_booking{
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 100%;
            padding: 50px 50px;
            box-sizing: border-box;
            gap:10px;
        }

        /*Car Advantages*/
        .car_advantage{

        }
        .car_advantage_heading{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            padding: 15px 10px;
            background: #F2F2F2;
            font-weight: 700;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 16px;
            font-family: var(--font-family);
            border-radius: 5px;
        }
        .car_advantage_values{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            padding: 15px 10px;
            font-weight:400;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 15px;
            font-family: var(--font-family);
        }
        .info-listitem-li{
            position: relative;
            width: 100%;
            padding-bottom: 2px;
        }

        /*car page left blocks*/


        /*Page 3 Rows*/
        .three_rows_wrapper{
            position: relative;
            display: grid;
            grid-template-columns: 270px auto 270px;
            padding: 20px 0px;
            gap: 32px;
        }
        .right_block_content{
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /*Tabs*/
        .tabs_mini_wrapper{
            border: 1px solid #E6E6E6;
        }
        .tabs_btn_container {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
        .tabs-content {
            padding:10px 15px;
        }
        .content {
            display: none;
        }
        .button{
            background: #EEEEEE;
            font-weight:400;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 15px;
            font-family: var(--font-family);
            border:none;
            padding: 15px 10px;
        }
        .button.live {
            background: #fff;
        }
        .content.live {
            display: block;
        }

        .car_prices{ 
            display: flex;
            flex-direction: column;
            gap:25px;
            padding-top: 20px;
        }
        .car_day{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap:10px;
            font-weight:400;
            color: var(--color-black);
            letter-spacing: -0.01em;
            font-size: 14px;
            font-family: var(--font-family);
        }
        .car_day_head{}
        .car_day_kmlimit{font-size: 12px;}
        .car_day_price{ font-weight:600;}

    /*Heders*/
        .yeloow_header,.black_header{
            position: relative;
            width:100%;
            padding-bottom: 35px;
            z-index: 10;
            top:0px;
        }
        .black_header{padding-bottom:5px;padding:0px;}
        .yeloow_header > h1,.black_header > h1{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 32px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            z-index: 10;
            padding: 10px 30px;
        }
        .black_header > h1{ padding: 10px;}
        .black_header > h2{
            font-family: var(--font-family);
            font-weight: 700;
            font-size:26px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            z-index: 10;
            padding: 10px;
        }

        .black_text{
            font-family: var(--font-family);
            font-weight:400;
            font-size:20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            z-index: 10;
            padding:10px;
        }
        .yeloow_header::before{
            content: "";
            position: absolute;
            background-color: var(--yelow-background);
            width:calc(100% - 70px);
            height:62px;
            background-size: 100% 100%;
            top:0px;
            left:0px;
            z-index: 1;
        }
        .yeloow_header::after{
            content: "";
            position: absolute;
            background: url(/img/icons/rectangle_right.svg);
            width:44px;
            height:62px;
            background-size: 100% 100%;
            top:0px;
            right: 26px;
            z-index: 1;
        }
        .yeloow_header_h2{
            font-family: var(--font-family);
            font-weight: 700;
            font-size:26px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            width:100%;
            padding-bottom:20px;
        }
        .yeloow_header_h3{
            font-family: var(--font-family);
            font-weight: 700;
            font-size:20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            position: relative;
            width:100%;
            padding-bottom:20px;
        }
        .uslovia-content-row-list {
            position: relative;
            display: flex;
            flex-direction: column;
            font-size: 20px;
            font-weight: 300;
            color: var(--color-black);
            padding-bottom: 20px;
        }
        .p_text {
            font-family: var(--font-family);
            font-weight:400;
            font-size:16px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom:25px;
            position: relative;
        }
        .uslovia-content-row-list > div {
            padding-left:30px;
            font-family: var(--font-family);
            font-weight:400;
            font-size:16px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom:5px;
            position: relative;
        }
        .uslovia-content-row-list > div:before {
            content: "";
            position: absolute;
            background-color: var(--black-background);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            top: 5px;
            left: 5px;
            z-index: 1;
        }

        .ahtung_box{
            position: relative;
            width: calc(100% - 70px);
            padding: 20px 10px;
            margin-bottom: 30px;
            background: #F8F8F8;
            border-radius:10px;
            display: flex;
            flex-direction: column;
        }
        .ahtung_box > div{
            font-family: var(--font-family);
            font-weight:400;
            font-size:12px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom:5px;
            position: relative;
        }
        .ahtung_box > div > a{
            color: var(--color-black);
            text-decoration: underline;
        }
        

    /*Buttons*/
    .defbuttons_wrap{
        position: relative;
    }
    .defbuttons{
        padding: 15px 50px 15px 15px;
        background: var(--wine-backround);
        color:#FFF;
        font-family: var(--font-family);
        font-weight: 400;
        font-size:15px;
        line-height:150%;
        letter-spacing: -0.01em;
        position: relative;   
    }
    .defbuttons::before{
        content: "";
        position: absolute;
        background: url(/img/icons/arrow.svg);
        width: 19px;
        height: 14px;
        background-size: 100% 100%;
        top: 18px;
        right: 9px;
    }
    .YelowOrd{
        outline: 0;
        border: 0;
        padding: 15px 10px;
        box-sizing: border-box;
        color: var(--color-black);
        text-transform: uppercase;
        margin-top: 10px;
        transition: all 0.3s ease;
        font-weight: 700;
        text-align: center;
        font-size: 15px;
        box-sizing: border-box;
        cursor: pointer;
        background: var(--yelow-background);
        border-radius: 10px;
    }
    .ApplicationYes{
        background: #FFF;
        color: #03af7d;
    }

    /*AboutPage*/
    .about_contacts{
        display: flex;
        flex-direction: row;
        gap: 50px;
    }
    .about_contacts_text{
        display: flex;
        flex-direction:column;
        gap:12px;
    }
    .about_contacts_text, .about_contacts_text_item{
        font-family: var(--font-family);
        font-weight:400;
        font-size:16px;
        line-height: 124%;
        letter-spacing: -0.01em;
        color: var(--color-black);
        padding-bottom:5px;
        position: relative;
    }
    .about_contacts_text > h3{
        font-weight:700;
        font-size:18px;
    }
    .about_contacts_text_item a{
        color: var(--color-black);
    }

    .carbuttons{
        padding: 15px 15px 15px 70px;
        background: var(--wine-backround);
        color:#FFF;
        font-family: var(--font-family);
        font-weight: 400;
        font-size:15px;
        line-height:150%;
        letter-spacing: -0.01em;
        position: relative;  
        margin-left: 30px; 
    }
    .carbuttons::before{
        content: "";
        position: absolute;
        background: url(/img/icons/carside.svg);
        width: 48px;
        height: 35px;
        background-size: 100% 100%;
        top: 7px;
        left: 9px;
    }
    .carbuttons::after{
        content: "";
        position: absolute;
        background: url(/img/icons/regtangle_left.png);
        width: 28px;
        height: 49px;
        background-size: 100% 100%;
        top: 0px;
        left: -25px;
    }

    /*Contacts Page*/
    .contacts_page{
        display: flex;
        flex-direction: row;
        gap: 50px;
    }
    .contacts_page_text{
        color:#FFF;
        font-family: var(--font-family);
        font-weight: 400;
        font-size:15px;
        line-height:150%;
        letter-spacing: -0.01em;
        color: var(--color-black);
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .contacts_item_working{
        font-size: 22px;
        font-weight: 600;
    }
    .contacts_item_working_text{
        padding: 30px 0px;
    }
    .contacts_item_working_text span{
        font-weight: 600;
    }
    .mess_block{
        position: relative;
        padding: 10px 10px 10px 50px;
    }
    .mess_block a{
        color: var(--color-black);
        font-size:16px;
        font-weight:400;
    }
    .phone_icon a {
        color:var(--wine-backround);
        font-size: 24px;
        font-weight: 600;
        text-decoration: underline;
    }
    .phone_block{
        color:#6D6D6D;
        font-size: 14px;
    }
    .phone_icon::before{
        content: "";
        position: absolute;
        background: url(/img/icons/PhoneVibrate_contacts.svg);
        width:34px;
        height:33px;
        background-size: 100% 100%;
        top: 15px;
        left: 0px;
    }
    .whatsapp_icon::before{
        content: "";
        position: absolute;
        background: url(/img/icons/WhatsApp_contacts.svg);
        width:39px;
        height:42px;
        background-size: 100% 100%;
        top:-3px;
        left: 0px;
    }
    .telegram_icon::before{
        content: "";
        position: absolute;
        background: url(/img/icons/Telegram_contacts.svg);
        width:38px;
        height:32px;
        background-size: 100% 100%;
        top:3px;
        left: 0px;
    }
    .email_call::before{
        content: "";
        position: absolute;
        background: url(/img/icons/Email_contacts.svg);
        width:36px;
        height:25px;
        background-size: 100% 100%;
        top:7px;
        left: 0px;
    }


    
    

    /*Table*/
    .table_2_column{
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 10px 10px;
        background: #F8F8F8;
        border-radius: 10px;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 124%;
        letter-spacing: -0.01em;
        color: var(--color-black);
    }
    .table_2_column_row{
        display: grid;
        grid-template-columns: 300px auto;
        padding-bottom: 3px;
    }
    .table_2_column_head{
        font-weight:600;
    }
    




    /*Footer*/
    .bee-footer{
        padding: 16px 0px 0px 0px;
        display: flex;
        flex-direction:column ;
    }
    .footer_top{
        background: var(--gray3-background);
        display: flex;
        flex-direction: row;
        gap:350px;
    }
        .footer_line{
            flex-grow: 1;
            align-self: center;
            justify-self: center;
        }
        .footer_header{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 16px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-yelow);
            padding-bottom: 15px;
        }
        .footer_text{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 12px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-white);
        }
        .footer_text > a {
            color: var(--color-white);
        }
        .footer_arrow{
            position: relative;
            top: -20px;
            width: 100%;
        }
        .footer_arrow:before{
            content: "";
            position: absolute;
            background: url(/img/icons/rectangle_footer.svg);
            width: 675px;
            height: 87px;
            background-size: 100% 100%;
            top: -40px;
            left: -200px;
            z-index: 1;
        }
        .footer_arrow:after{
            content: "";
            position: absolute;
            background-color:var(--yelow-background) ;
            width: 675px;
            height: 87px;
            background-size: 100% 100%;
            top: -40px;
            right: -200px;
            z-index: 1;
        }
        .footer_arrow a{
            font-family: var(--font-family);
            font-weight: 700;
            font-size:32px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom: 15px;
            position: absolute;
            z-index: 10;
            top: -18px;
        }
    .footer_bottom{
        background: var(--black-background);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-self: center;
        justify-self: center;
        box-sizing: border-box;
    }
    .footer_bottom > div{
        align-self: center;
        justify-self: center;
        padding: 5px 0px;
    }
        .brand_logo_footer{
            position: relative;
        }
        .brand_logo_footer:before {
            content: "";
            position: absolute;
            background: url(/img/beecars_logo.svg);
            width:27.85px;
            height:31px;
            background-size: 100% 100%;
            top: 5px;
            left: -31px;
        }
		.brand_logo_company_footer{
            font-family: var(--font-family);
            font-weight: 900;
            font-size:14px;
            color: var(--color-gray2);
        }
		.brand_logo_text_footer{
            font-family: var(--font-family);
            font-weight: 300;
            font-size:10px;
            color: var(--color-gray2);
        }
		.footer_center_text{
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 10px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-gray);
        }
        .footer_center_text > div{
            text-align: center;
        }


    /*PopUpStyles*/
    .PopUpWrapper{
        display:none;
        position:fixed;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.6);
        padding: 0;
        margin: 0;
        list-style: none;
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;

    }    
    .PopUpContainer{
        width: 450px;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 0 37px #0815420d;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
    }
    .PopUpClose{
        position: absolute;
        background: url(/img/icons/close.svg) center no-repeat;
        width: 30px;
        height: 40px;
        background-size: 100% 100%;
        cursor: pointer;
        right: 10px;
        top: 5px;
    }

    /*Cookies*/
    .cookie-agreement{
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(49px + env(safe-area-inset-bottom));
        z-index: var(--z-index-notifications);
        display:none;
        justify-content: flex-end;
        pointer-events: none;
        z-index: 10;
    }
    .cookie-agreement-stick{
        background: #551a8be6;
        color: #b5caff;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 124%;
        letter-spacing: -0.01em;
        padding: 16px;
        box-shadow: 0 0 10px #0000004d;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-right: 0;
        pointer-events: auto;
        max-width: 480px;
    }
    .sm-link_white{
        color: #FFF;
    }
    .button-round{
        cursor: pointer;
        border-radius: 8px;
        padding: 5px 20px;
        background: #FFF;
        box-shadow: 0 4px 10px -5px rgb(0 0 0 / 20%);
        box-sizing: border-box;
    } 
    .button-mini{
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        color:#000;
    }

			   
    /*Tech styles*/
    .padd_0_135{padding:0 135px;}
    .padd_20_135{padding:20px 135px;}
    .padd_20_0{padding:20px 0px;}
    .padd_20_10{padding:20px 10px;}

    .padd_b_20{padding-bottom: 20px;}
    

    /*Borders*/
    .redborder{
        border-color: #dd4848;
    }

        /*Flex*/
            /*Justify*/

    @media (max-width: 1920px) {
        .yeloow_header > h1, .black_header > h1{
            font-size: 20px;
            line-height: 220%;
        }

        .central_block_slider{
            grid-template-columns: auto 550px;
        }

        .promo_car_1::after{
            width:540px;
            top: 50px;
            right: -200px;
        }

        .footer_top{
            padding: 20px 20px!important;
            gap: 200px;
        }
        .footer_arrow:after{
            content: "";
            width: 0px;
        }
    }

    @media (max-width: 1600px) {
        .carsingle_screen_left_tiWrap{
            position: relative;
            display:flex;
            flex-direction: column;
        }
    }

    @media (max-width: 1440px) {

        .cars-on-mainpage-wrapper {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .padd_0_135 {
            padding:0 40px;
        }
        .central_block_slider{
            padding:40px 40px;
        }
        .central_block{
            padding:40px 40px;
        }
        
    }

    @media (max-width: 1366px) {
        .carsingle_screen_right{
            width: 480px;
        }
    }

    @media (max-width: 1280px) {
        
    }

    @media (max-width: 1024px) {
        
    }


    /*Mobile Device*/
    @media (max-width: 768px) {

        .hidemobile{display:none;}

        .central_block{
            display: flex;
            flex-direction: column;
            padding: 10px 20px;
        }
        .defaultpage{ margin-top: 90px;}

        /*Cars on mainpage*/
        .cars-on-mainpage-wrapper{
            display: flex;
            flex-direction: column;
        }

        .PopUpContainer {
            width: 100%;
            padding: 20px;
        }
        .fast_car_booking{
            padding:10px;
        }

        .center_block_content {
            position: relative;
            padding: 0px 10px;
        }
        
        

        /*Head*/
        .head_info{
            grid-template-columns: 1fr 20px;
        }
        .brand_contacts{
            display: none;
        }
        .brands_time{
            display: none;
        }
        .head_menu{
            display: none;
        }
        .mobile_header_wrapper {
            position: relative;
            width: 100%;
            padding: 15px 20px;
            box-sizing: border-box;
            background: #F5F5F5;
            position: fixed;
            top: 0px;
            z-index: 100;
        }
        .head_mobile_row_wrap {
            display: flex;
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
        }
        /*Breadrumps*/
        .Breadrumps{padding: 5px 20px;}

        .brands_list_content{
            margin-top: 100px;
            border: unset;
        }
        .mobiletooer h2{
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding: 10px;
            text-align: center;
        }

        .call_mobile{
            position: absolute;
            bottom: 30px;
            width: 100%;
            cursor: pointer;
        }
        .mobile-button {
                background-color: #4CAF50;
                color: white;
                padding: 10px 20px;
                font-size: 16px;
                border: none;
                cursor: pointer;
                border-radius: 5px;
                outline: none;
                transition: background-color 0.3s ease;
                background: #551A8B;
                text-align: center;
                font-family: var(--font-family);
                font-weight: 400;
                font-size: 18px;
                line-height: 124%;
                letter-spacing: -0.01em;
                color: #FFF;
                padding: 15px;
                cursor: pointer;
                width: 90%;
            }
        .mobile-button a{
            color: #FFF;
        }
        .mobile-button a:hover{
            color: #FEDC2A;
        }

        /*DropDownMenu*/
        /* Стили для контейнера выпадающего списка */
            .dropdown {
                position: relative;
                display: inline-block;
            }

            /* Стили для кнопки */
            .dropdown-button {
                background-color: #4CAF50;
                color: white;
                padding: 10px 20px;
                font-size: 16px;
                border: none;
                cursor: pointer;
                border-radius: 5px;
                outline: none;
                transition: background-color 0.3s ease;
                background: #551A8B;
                text-align: center;
                font-family: var(--font-family);
                font-weight: 400;
                font-size: 18px;
                line-height: 124%;
                letter-spacing: -0.01em;
                color: #FFF;
                padding: 15px;
                cursor: pointer;
                width: 100%;
            }

            .dropdown-button:hover {
                background: var(--yelow-background);
            }

            /* Стили для выпадающего меню */
            .dropdown-menu {
                display: none; /* По умолчанию скрыто */
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
                z-index: 1;
                border-radius: 5px;
                overflow: hidden;
                width: 100%;
                padding: 10px 20px;
                box-sizing: border-box;
            }

            /* Стили для элементов списка */
            .dropdown-menu li {
                list-style: none;
            }

            .dropdown-menu li a {
                display: block;
                padding: 10px 20px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.3s ease;
            }

            .dropdown-menu li a:hover {
                background-color: #ddd;
            }

            /* Показать меню при наведении на кнопку */
            .dropdown:hover .dropdown-menu {
                display: block;
            }

        /*Central block*/
        .central_block_flex_column_50{
            padding: 20px 20px;
        }
        .arenda_left_ul{
            display: flex;
            flex-direction: column;
            padding: 40px 120px 220px 0px;
        }
        .promo_car_1::after {
            content: "";
            position: absolute;
            background: url(/img/promocars/arenda-kia-soul-promo.png);
            width: 740px;
            height: 540px;
            background-size: cover;
            bottom: -100px;
            right: -350px;
            top: unset;
        }

        .three_rows_wrapper {
            position: relative;
            display: flex;
            grid-template-columns: unset;
            padding: 20px 0px;
            gap: 32px;
            flex-direction: column;
        }
        .yeloow_header > h1{font-size:16px;line-height:250%;}

        /*Car single page*/
        .carsingle_screen{
            flex-direction: column;
        }
        .carsingle_screen_left img{width:100%;}
        .carsingle_screen_right {
            width: 100%;
            padding: 20px 10px;
            position: relative;
            box-sizing: border-box;
        }
        .carsingle_h1{
            font-size: 20px;
        }

        .car_booking_dates{
            flex-direction: column;
        }

        .yeloow_header_h2,.yeloow_header_h3{
            padding: 0px 30px 20px 30px;
        }
        .uslovia-content-row-list{
            padding: 0px 30px 20px 30px;
        }
        .ahtung_box{width:100%;}

        .car_advantage_heading{
            margin: 0px 20px;
            grid-template-columns: 1fr;
        }
        .car_advantage_values{
            grid-template-columns: 1fr;
            margin: 0px 20px;
        }
        .carsingle_screen_right{
            padding: 20px 20px;
        }

        .similar_wrap{
            display: flex;
            flex-direction: column;
            padding: 20px 30px;
        }

        /*Contacts*/
        .black_header > h1{
            padding: 10px 20px;
        }
        .contacts_page{
            padding: 10px 20px;
        }
        .about_contacts_text{
            margin-left:60px;
        }
        /*Footer*/
        .footer_top{
            display: grid;
            grid-template-columns: 1fr 1fr;
            padding: 10px 20px;
            gap: 30px;
        }
        .footer_adress iframe{
            display: none;
        }
        .footer_line{
            position: relative;
            width: 100%;
            right: -90px;
        }
        .footer_arrow {
            position: relative;
            top: -20px;
            right: -70px;
            width: 100%;
        }
        .footer_arrow:before {
            content: "";
            position: absolute;
            background: url(/img/icons/rectangle_footer.svg);
            width: 385px;
            height: 87px;
            background-size: 100% 100%;
            right: -90px;
            z-index: 1;
        }
        .footer_arrow a {
            font-family: var(--font-family);
            font-weight: 700;
            font-size: 20px;
            line-height: 124%;
            letter-spacing: -0.01em;
            color: var(--color-black);
            padding-bottom: 15px;
            position: absolute;
            z-index: 10;
            top: -10px;
            right: 150px;
            width: 100%;
        }
        .footer_arrow:after {
            display: none;
        }

        /*Tech styles*/
        .padd_0_135{padding:unset;}
    }

    @media(max-width:479px) { 
        .footer_arrow a {
            font-size: 16px;
            line-height: 160%;
        }
        .footer_top{
            padding: 5px 20px;
        }
        .footer_bottom{
            padding: 5px 20px;
        }

    }

    /*datepicker*/
   .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}