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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { 
	font-weight: bold;
}

[class^="i-"], [class*=" i-"] {
  font-family: 'main' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.i-logo_slog_ru:before {
    content: "\e900";
}
.i-logo_slog_ua:before {
    content: "\e901";
}
.i-logo:before {
    content: "\e907";
}
.i-logo_icon:before {
    content: "\e908";
}
.i-sun:before {
    content: "\e909";
}
.i-moon:before {
    content: "\e90a";
}
.i-phone:before {
    content: "\e90b";
}
.i-wheel:before {
    content: "\e922";
}
.i-google_docs:before {
    content: "\e90c";
}
.i-insurance:before {
    content: "\e90d";
}
.i-card:before {
    content: "\e90e";
}
.i-change:before {
    content: "\e90f";
}
.i-pc:before {
    content: "\e910";
}
.i-online-support:before {
    content: "\e911";
}
.i-telephone:before {
    content: "\e912";
}
.i-kyivstar:before {
    content: "\e913";
}
.i-vodafone:before {
    content: "\e914";
}
.i-lifecell:before {
    content: "\e915";
}
.i-menu:before {
    content: "\e916";
}
.i-left:before {
    content: "\e917";
}
.i-right:before {
    content: "\e918";
}
.i-bottom:before {
    content: "\e919";
}
.i-right_arrow:before {
    content: "\e91a";
}
.i-mail:before {
    content: "\e91b";
}
.i-pin:before {
    content: "\e91c";
}
.i-play:before {
    content: "\e91d";
}
.i-usd:before {
    content: "\e92a";
}
.i-star:before {
    content: "\e91e";
}
.i-star05:before {
    content: "\e91f";
}
.i-facebook:before {
    content: "\e920";
}
.i-facebook_s:before {
    content: "\e921";
}
.i-google:before {
    content: "\e923";
}
.i-viber:before {
    content: "\e924";
}
.i-instagram:before {
    content: "\e925";
}
.i-whatsapp:before {
    content: "\e926";
}
.i-telegram:before {
    content: "\e927";
}
.i-youtube:before {
    content: "\e928";
}
.i-comment:before {
    content: "\e902";
}
.i-calendar:before {
    content: "\e903";
}
.i-clock:before {
    content: "\e904";
}
.i-eye:before {
    content: "\e905";
}
.i-thumbs-up:before {
    content: "\e906";
}
.i-ssl:before {
    content: "\e929";
}
.i-paint-palette:before {
    content: "\e92b";
}
.i-speedometer:before {
    content: "\e92c";
}
.i-gearbox:before {
    content: "\e92d";
}
.i-engine:before {
    content: "\e92e";
}
.i-x4:before {
    content: "\e92f";
}
.i-calendar2:before {
    content: "\e930";
}
.i-pie_chart:before {
    content: "\e931";
}
.i-invoice:before {
    content: "\e938";
}
.i-order:before {
    content: "\e932";
}
.i-calendar3:before {
    content: "\e933";
}
.i-car_new:before {
    content: "\e934";
}
.i-cars:before {
    content: "\e935";
}
.i-money_time:before {
    content: "\e936";
}
.i-savety:before {
    content: "\e937";
}

*{
	box-sizing: border-box;
}
body{
    background: #fff;
    font-size: 15px;
	font-family: 'Montserrat';
    line-height: 1;
    font-weight: 500;
}
li{
	list-style-type: none;
}
a{
	color: black;
	text-decoration: none;
}
p{
    margin-bottom: 15px;
}

#tinymce{
    font-size: 15px;
    font-family: Montserrat, Arial, open-sans;
    font-weight: normal;
    padding: 10px;
}
#tinymce a{
    color: #0513ec;
    text-decoration: underline;
}

.bg1{
    background: #F0F0F7;
}

.title_s1{
    color: #343434;
    font-size: 32px;
    text-align: center;
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 25px;
}
.title_s1:before{
    content: '';
    background: #FCE586;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 120px;
    height: 10px;
    transform: translateX(-50%);
}

.title_s2{
    color: #111;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    padding-left: 40px;
    margin: 0 0 40px;
}
.title_s2:before{
    content: '';
    background: #fec214;
    border-radius: 20px;
    width: 16px;
    height: 1.7em;
    position: absolute;
    left: 0;
    top: -0.35em
}
.title_s2.v2:before{
    height: calc(100% + 0.7em);
}
.title_s2 span{
    color: #312a22;
}

.txt_s2{
    padding-left: 40px;
}


.fx{
    display: flex;
    flex-direction: row;
}
.fx.v{
    flex-direction: column;
}
.fx.c{
    justify-content: center;
}
.fx.sb{
    justify-content: space-between;
}
.fx.w{
    flex-wrap: wrap;
}


.fx.ch2{
    flex-wrap: wrap;
}
.fx.ch2 > div{
    width: calc(50% - 15px);
    margin-right: 30px;
}
.fx.ch2.r40 > div:first-child{
    width: calc(65% - 30px);
}
.fx.ch2.r40 > div:last-child{
    width: 35%;
}
.fx.ch2.l40 > div:first-child{
    width: 35%;
}
.fx.ch2.l40 > div:last-child{
    width: calc(65% - 30px);
}
.fx.ch2 > div:nth-child(2n),
.fx.ch2 > div:last-child{
    margin-right: 0;
}

.w100{
    clear: both;
    float: left;
    width: 100%;
}

.main_width{
    width: 1520px;
    max-width: calc(100% - 50px);
    margin: 0 auto;
}





[data-tooltip]{
    position: relative;
    z-index: 999;
}
[data-tooltip]:before {
    content: attr(data-tooltip);
    background: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 100;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: -9000px;
    top: 160%;
    opacity: 0;
    transform: translate(-50%, 10px);
    transition: opacity .5s, top .5s;
    padding: 5px 10px;
}
[data-tooltip]:hover:before{
    left: 50%;
    top: 100%;
    opacity: 1;
}
[data-tooltip]:after{
    content: '';
    border: 8px solid transparent;
    border-bottom: #000 8px solid;
    position: absolute;
    left: -9000px;
    top: 160%;
    opacity: 0;
    transform: translate(-50%, -6px);
    transition: opacity .5s, top .5s;
}
[data-tooltip]:hover:after{
    left: 50%;
    opacity: 1;
    top: 100%;
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.header{
    background-image: linear-gradient(to bottom,#312a228a, rgba(170,223,191,0));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 15px 20px;
    color: #000;
}
.header a{
    color: #000;
}
body.scrolled .header,
.header.fixed{
    backdrop-filter: blur(30px);
    position: fixed;
    padding-top: 0;
    padding-bottom: 0;
}
.header.fixed{
    background: linear-gradient(to right, #312a22, #fda404);
    border-bottom: none;
}
.header .logo{   
    position: relative;
    float: left;
    margin: 0 0 10px;
    width: 200px;
}
.header .logo img{
    width: 100%;
}


.header .menu{
    list-style: none;
    float: left;
    margin: 25px 0 0 50px;
}
.header .menu > li{
    position: relative;
    float: left;
    padding: 0 0 15px;
    margin: 0 30px 0 0;
}
.header .menu > li.sp{
    position: relative;
    top: 6px;
}
.header .menu > li > a,
.header .menu > li > span{
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    position: relative;
}
.header .menu > li > a > span{
    display: block;
    font-size: 10px;
    font-weight: normal;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: calc(100% + 2px);
}
.header .menu > li > ul{
    display: none;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    top: 100%;
    left: -20px;
    box-shadow: 0 5px 40px rgba(0,0,0,.11);
    padding: 10px;
}
.header .menu > li:hover > ul{
    display: block;
}
.header .menu > li.parent:hover:after{
    content: '';
    display: block;
    border: transparent 6px solid;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -100%);
}
.header .menu > li > ul > li > a{
    display: block;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    padding: 17px 10px 13px;
}
.header .menu > li > ul > li > a:hover{
    background: #F0F0F7;
}



.header .phones_block{
    font-weight: 300;
    float: right;
    position: relative;
    padding: 10px 10px 0 0;
    margin: 10px 50px 0 0;
}
.header .phones_block .more_phones{
    background: rgba(0,0,0,.1);
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    float: right;
    width: 18px;
    height: 18px;
    margin: 2px 0 0 10px;
}
.header .phones_block .more_phones i{
    display: inline-block;
    color: #fff;
    margin: 6px 0 0;
}
.header .phones_block .more_phones:hover{
    background: rgba(0,0,0,.2);
}
.header .phones_block .phone_block{
    float: left;
}
.header .phone_block{
    font-size: 24px;
    white-space: nowrap;
}
.header .phone_block i{
    color: #fec214;
    font-size: 19px;
    position: relative;
    top: 1px;
    transition: .3s;
    margin: 0 5px 0 0;
}
.header .phones_block > .wrapper{
    display: none;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 5px 40px rgba(0,0,0,.11);

    padding: 15px 25px 15px 20px;
}
.header .phones_block .more_phones:hover ~ .wrapper,
.header .phones_block > .wrapper:hover{
    display: block;
}
.header .phones_block > .wrapper i{
    color: #312a22;
}
.header .phones_block > .wrapper .phone_block{
    margin: 7px 0;
}
.header .phone_block:hover i.i-kyivstar,
.md_content .phone_block:hover i.i-kyivstar,
.contacts_block .contacts a:hover i.i-kyivstar{
    color: #009eff;
}
.header .phone_block:hover i.i-lifecell,
.md_content .phone_block:hover i.i-lifecell,
.contacts_block .contacts a:hover i.i-lifecell{
    color: #ffc905;
}
.header .phone_block:hover i.i-vodafone,
.md_content .phone_block:hover i.i-vodafone,
.contacts_block .contacts a:hover i.i-vodafone{
    color: #f5141a;
}
.header .to_order{
    display: none;
    border-radius: 12px;
    font-size: 14px;
    float: right;
    padding: 12px 20px 11px;
    margin: 12px 20px 0;
}

.header .phones_block.languages_block .phone_block{
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.header .address_block{
    float: right;
    margin: 6px 0 0;
}
.header .address_block .icon{
    position: relative;
    padding: 15px 12px 10px 0;
    margin: 0 13px 0 0;
}
.header .address_block .icon:before{
    content: '';
    background: rgba(255,255,255,.3);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: calc(100% - 19px);
}
.header .address_block .icon i{
    color: #fec214;
}

.header .address_block .cont > .title{
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 6px 0 0;
}
.header .address_block .cont > a{
    display: block; 
    font-size: 13px;
    position: relative;
}
.header .address_block.ch .cont > a{
    padding-left: 13px;
    margin: 3px 0;
}
.header .address_block.ch .cont > a:before{
    content: '';
    background: #fec214;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
}
.header .address_block .cities_block{
    display: table;
    position: relative;
}
.header .address_block .cities_block .title{
    display: inline-block;
    border-bottom: #fec214 1px solid;
    color: #fec214;
    font-size: 12px;
    padding: 0 0 3px;
    margin: 4px 0 10px;
}
.header .address_block .cities_block .cities{
    display: none;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 370px;
    transform: translateX(-50%);
    box-shadow: 0 5px 40px rgba(0,0,0,.11);
    padding: 10px;
}
.header .address_block .cities_block:hover .cities{
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 10px;
}
.header .address_block .cities_block:hover:after{
    content: '';
    display: block;
    border: transparent 6px solid;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -100%);
}
.header .address_block .cities_block .cities a{
    display: block;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    width: calc(50% - 5px);
    padding: 17px 10px 13px;
}
.header .address_block .cities_block .cities a i{
    color: #312a22;
}
.header .address_block .cities_block .cities a:hover{
    background: #F0F0F7;
}

.toggle_bx{
    background: rgba(0,0,0,.16);
    border-radius: 20px;
    position: relative;
    transition: .3s;
}
.toggle_bx .item{
    text-align: center;
    line-height: 24px;
    float: left;
    width: 28px;
    height: 24px;
    transition: .3s;
}

.toggle_bx .item.selected{
    background: #fff;
    border-radius: 40px;
    line-height: 28px;
    height: 28px;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
    margin: -2px 0;
}

.languages_bx{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    float: right;
    margin: 18px 0 0 50px;
}
.sel_theme_bx{
    float: right;
    width: 46px;
    cursor: pointer;
    margin: 18px 40px 0 20px;
}
.sel_theme_bx .item{
    transition: .3s;
    transform: rotate(-120deg);
    transition: .3s;
}
.sel_theme_bx .item:before{
    content: '\e909';
    color: #F7BD21;
    font-family: 'main';
}
body.dark .sel_theme_bx .item{
    transform: rotate(0);
    margin-left: 18px;
}
body.dark .sel_theme_bx .item:before{
    content: '\e90a';
    color: #97A7CC;
}

.fixed .logo{
    margin-top: 12px;
}
.fixed .menu{
    margin-top: 28px;
}
.fixed .phones_block{
    margin-top: 13px;
}
.fixed .languages_bx,
.fixed .sel_theme_bx{
    margin-top: 23px;
}


body.scrolled .header .to_order{
    display: block;
}
body.scrolled .header .phones_block{
    margin-right: 0;
    margin-top: 10px;
}
body.scrolled .header .menu{
    margin-top: 25px;
}
body.scrolled .header .region_block,
body.scrolled .header .languages_block,
body.scrolled .header .address_block,
body.scrolled .header .toggle_bx{
    display: none;
}

body.scrolled .header .logo:before{
    background: -webkit-linear-gradient(to right, #5CD1FD, #fda404 14%, #312a22 14%, #312a22 50%, #313131 50%);
    background: linear-gradient(to right, #5CD1FD, #fda404 14%, #312a22 14%, #312a22 50%, #313131 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #313131;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 43% 70%, 43% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 43% 70%, 43% 100%, 0% 100%);
}
body.scrolled .header .logo:after{
    clip-path: polygon(43% 70%, 100% 70%, 100% 100%, 43% 100%);
    -webkit-clip-path: polygon(43% 70%, 100% 70%, 100% 100%, 43% 100%);
    color: #909094;
    position: absolute;
    left: 0;
    top: 0;
}


.header .to_phones{
    display: none;
    border-radius: 13px;
    font-size: 14px;
    position: relative;
    float: right;
    padding: 10px 16px 9px 36px;
    margin: 11px 0px 0 10px;
}
.header .to_phones:before{
    content: '\e912';
    font-family: 'main';
    position: absolute;
    left: 12px;
    top: 9px;
}
.header .open_sidebar{
    display: none;
    font-size: 36px;
    float: left;
    cursor: pointer;
    margin: 8px 0 0 5px;
}


.top_bg_block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2000px;
    overflow: hidden;
}
.top_bg_block .c_1{
    position: absolute;
    left: 50%;
    top: 0;
    width: 1640px;
    max-width: calc(100% - 50px);
    height: 100%;
    transform: translateX(-50%);
}
.top_bg_block .c_1 .c{
    position: absolute;
    right: 0;
    top: 0;
    width: 160%;
    transform: translate(0, -50%);
}
.top_bg_block .c_1 .bg{
    display: block;
    border-radius: 50%;
    position: relative;
    width: 100%;
    padding: 0 0 100%;
}
.top_bg_block .c_1 .circle_line_1,
.top_bg_block .c_1 .circle_line_2,
.top_bg_block .c_1 .circle_line_3,
.top_bg_block .c_1 .circle_line_4{
    border: #fff 2px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    height: 35%;
    opacity: .13;
}
.top_bg_block .c_1 .circle_line_2{
    border-width: 1px;
    width: 50%;
    height: 50%;
}
.top_bg_block .c_1 .circle_line_3{
    border-color: #7070B5;
    width: 124%;
    height: 124%;
}
.top_bg_block .c_1 .circle_line_4{
    border: #7070B5 1px solid;
    width: 145%;
    height: 145%;
    opacity: .1;
}

.top_bg_block .c_1 .circle_line_1{
    animation: 30s linear 0s infinite rotate;
}
.top_bg_block .c_1 .circle_line_2{
    animation: 35s linear 0s infinite reverse rotate;
}

.top_bg_block .c_1 .circle_line_1:before,
.top_bg_block .c_1 .circle_line_1:after,
.top_bg_block .c_1 .circle_line_2:before,
.top_bg_block .c_1 .circle_line_2:after{
    content: '';
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: calc(100% + 1px);
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
}
.top_bg_block .c_1 .circle_line_1:after,
.top_bg_block .c_1 .circle_line_2:after{
    left: -1px;
}


@keyframes rotate{
    from {
        transform: translate(-50%, -50%) rotate(0);
    } 
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    } 
}


.top_block{
   float: left;
    position: relative;
}

.top_block.nc:after{
    display: none;
}

.top_block > .wrapper{
    position: relative;
    width: 1520px;
    max-width: calc(100% - 40px);
    z-index: 1;
    margin: 170px auto -100px;
}
.top_block > .wrapper > .cont{
    width: 47%;
    padding: 0;
    margin-right: 6%;
}
.top_block > .wrapper > .calculator_block{
    max-width: 550px;
    width: 47%;
}
.top_block > .wrapper > .cont .title{
    display: inline-block;
    color: #fff;
    font-size: 48px;
    margin: 80px 0 50px;
}
.top_block > .wrapper > .cont .title .str{
    color: #fec214;
}
.top_block > .wrapper > .cont .path + .title{
    font-size: 44px;
    margin-top: 30px;
}
.top_block > .wrapper > .cont .title2{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 50px 0 30px;
}
.top_block > .wrapper > .cont .title1{
    color: #fec214;
    font-size: 52px;
    margin: 0 0 50px;
}
.top_block .txt_title{
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 50px;
}
.top_block .txt_title .str{
    color: #fec214;
}

.top_block .img1_bx .img1{
    position: relative;
    float: right;
    width: 150%;
    padding: 0 0 86%;
    margin: -45px 0;
}
.top_block .img1_bx img{
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.top_block > .wrapper > .cont .txt{
    color: #fff;
    line-height: 1.3;
    margin: 0 0 40px;
}
.top_block > .wrapper > .cont .txt h2,
.top_block > .wrapper > .cont .txt h3{
    font-size: 23px;
    margin: 0 0 20px;
}
.top_block > .wrapper > .cont .txt p + h2,
.top_block > .wrapper > .cont .txt p + h3{
    margin-top: 40px;
}
.top_block > .wrapper > .cont ul{
    list-style: none;
    margin: 0 0 60px;
}
.top_block > .wrapper > .cont ul li{
    color: #fff;
    font-size: 23px;
    font-weight: 100;
    line-height: 1.2;
    position: relative;
    min-height: 30px;
    padding: 7px 0 7px 53px;
    margin: 0 0 20px;
}
.top_block > .wrapper > .cont ul li:before{
    content: '';
    background: url(../images/icons/check_circle.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
}

.cred-type{
    width: 150px;
}
.button{
    display: inline-block;
    border: none;
    border-radius: 18px;
    background: #fec214;
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,.16);
    padding: 16px 40px 14px;
}
.button:hover{
    background: #312a22;
}
.button.mid{
    font-size: 18px;
    padding: 13px 40px 11px;
}

.button2{
    display: inline-block;
    border: none;
    border-radius: 17px;
    background: #E2E1EC;
    color: #1F1F1F;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    padding: 14px 26px 13px;
}
.button2:hover{
    background: #D8D6E5;
    color: #000;
}
button.ppl,
.button.ppl,
.button2.ppl{
    background: #312a22;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.16);
}
button.ppl:hover,
.button.ppl:hover,
.button2.ppl:hover{
    background: #312a22;
    color: #fff;
}

.button2.v2{
    background: none;
    border: #fec214 4px solid;
    padding: 10px 22px 9px;
}
.button2.v2:hover{
    background: #fec214;
    color: #fff;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
input[type='number']{
    -moz-appearance: textfield;
}
.calculator{
    background: #fff;
    border-radius: 50px;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    padding: 40px 0 20px;
}
.calculator .bx{
    width: 100%;
    padding: 0 50px 40px;
}
.calculator .calc_title{
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}
.calculator .calc_title span{
    display: block;
    color: #312a22;
}
.calculator .bx.range_block{
    padding-bottom: 20px;
}
.calculator .bx.car_block{
     padding-bottom: 35px;
}
.calculator .inp_bx{
    width: 100%;
}
.calculator .range_block .lbl_block{
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 600;
    width: 60%;
}
.calculator .range_block .inp_block{
    position: relative;
    width: 40%;
}
.calculator .range_block .inp_block input{
    background: #F2F2F7;
    border: none;
    outline: none;
    border-radius: 17px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-align: right;
    width: 100%;
    padding: 8px 20px;
}
.calculator .range_block .inp_block .unit{
    color: #999;
    font-size: 20px;
    font-weight: 100;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-47%);
}
.calculator .range_block.term_block .inp_block .unit{
    font-size: 12px;
    transform: translateY(-14%);
}
.inp_range_block{
    position: relative;
    width: 100%;
}
.inp_range_block .from_to{
    display: flex;
    color: #999;
    font-family: 'Montserrat';
    font-size: 12px;
    position: relative;
    top: -9px;
    width: 100%;
    justify-content: space-between;
}
.inp_range_block .from_to .to{
    text-align: right;
}
.calculator .user_info{
    display: none;
    padding-bottom: 0;
}
.calculator .user_info .inp{
    width: 100%;
    margin: 25px 0 0;
}
.calculator .user_info input[type=text],
.calculator .user_info input[type=tel]{
    background: #f2f2f7;
}
input.red{
    border: #e74c32 3px solid;
}

.checkbox{
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.checkbox input{
    display: none;
}
.checkbox i{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.checkbox i:nth-child(2){
    background: #D2F7FF;
}
.checkbox i:nth-child(3){
    border: #231F20 1.8px solid;
    border-radius: 1px;
}
.checkbox i:nth-child(4){
    display: none;
    border-left: #231F20 1.8px solid;
    border-bottom: #231F20 1.8px solid;
    top: -1px;
    left: 3px;
    height: 50%;
    transform: skewX(-17deg) rotate(-54deg);
}
.checkbox :checked ~ i:nth-child(3){
    clip-path: polygon(0 0, 80% 0, 80% 35%, 100% 35%, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 80% 0, 80% 35%, 100% 35%, 100% 100%, 0 100%);
}
.checkbox :checked ~ i:nth-child(4){
    display: block;
}

input[type=range] {
    display: block;
    background-color: transparent !important;
    -webkit-appearance: none; 
    width: 100%;
    height: 50px;
    overflow-x: hidden;
    margin-bottom: 6px;
}
input[type=range]:focus{
    outline: none;
}
input[type=range]::-moz-focus-outer{
    border: 0;
}
input[type=range]::-webkit-slider-runnable-track{
    background: #D8D6D6; 
    border: none;
    width: 100%; 
    height: 7px;
    -webkit-appearance: none;
}
input[type="range"]::-moz-range-progress{
    background: #fda404;
    border-radius: 5px;
    position: relative;
    height: 7px;
}

input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    display: block;
    background: #312a22 url(../images/arrows.svg) no-repeat center/60% auto; 
    border: none; 
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0,0,0,.33), 
         -30px 0 0 -13.5px #312a22,
         -44px 0 0 -13.5px #312a22,
         -58px 0 0 -13.5px #312a22,
         -72px 0 0 -13.5px #312a22,
         -86px 0 0 -13.5px #312a22,
        -100px 0 0 -13.5px #312a22,
        -114px 0 0 -13.5px #312a22,
        -128px 0 0 -13.5px #312a22,
        -142px 0 0 -13.5px #312a22,
        -156px 0 0 -13.5px #312a22,
        -170px 0 0 -13.5px #312a22,
        -184px 0 0 -13.5px #312a22,
        -198px 0 0 -13.5px #312a22,
        -212px 0 0 -13.5px #312a22,
        -226px 0 0 -13.5px #312a22,
        -240px 0 0 -13.5px #312a22,
        -254px 0 0 -13.5px #312a22,
        -268px 0 0 -13.5px #312a22,
        -282px 0 0 -13.5px #312a22,
        -296px 0 0 -13.5px #312a22,
        -310px 0 0 -13.5px #312a22,
        -324px 0 0 -13.5px #312a22,
        -338px 0 0 -13.5px #312a22,
        -352px 0 0 -13.5px #312a22,
        -366px 0 0 -13.5px #312a22,
        -380px 0 0 -13.5px #312a22,
        -394px 0 0 -13.5px #312a22,
        -408px 0 0 -13.5px #312a22,
        -422px 0 0 -13.5px #312a22,
        -436px 0 0 -13.5px #312a22,
        -450px 0 0 -13.5px #312a22,
        -464px 0 0 -13.5px #312a22,
        -478px 0 0 -13.5px #312a22,
        -492px 0 0 -13.5px #312a22,
        -506px 0 0 -13.5px #312a22,
        -520px 0 0 -13.5px #312a22;
    margin-top: -13.5px;
}
input[type=range]::-webkit-slider-thumb:hover{
    background-color: #fda404;
}
input[type=range]::-moz-range-track{
    background: #D8D6D6; 
    border-radius: 5px; 
    border: none;
    width: 100%; 
    height: 7px;
    cursor: pointer;
}

input[type=range]::-moz-range-thumb{
    background: #312a22 url(../images/icons/arrows.svg) no-repeat center/60% auto; 
    border: none; 
    border-radius: 30px; 
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0,0,0,.33);
}
input[type=range]::-moz-range-thumb:hover{
    background-color: #fda404;
}

input[type=range]::-webkit-slider-thumb {
    width: 46px;
    height: 34px;
}
input[type=range]::-moz-range-thumb{
    width: 46px;
    height: 34px;
}

input[type=range]::-webkit-slider-runnable-track{
    height: 7px;
}
input[type=range]::-moz-range-track{
    height: 7px;
}

.calculator .rb_block{
    font-size: 14px;
    width: 100%;
    justify-content: space-between;
}
.calculator .rb_block,
.calculator .bx.car_block{
    padding-bottom: 25px;
}

.calculator .rb_block .title_block p{
    font-weight: 600;
    margin: 0 10px 0 0;
}
.calculator .rb_block .radio_block{
    background: #F2F2F7;
    border-radius: 13px;
    flex-wrap: wrap;
}
.calculator .rb_block .radio_block input{
    display: none;
}
.calculator .rb_block .radio_block label{
    display: inline-block;
    border-radius: 13px;
    color: #312a22;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    padding: 12px 14px;
}
.calculator .rb_block .radio_block label:hover{
    color: #312a22;
}
.calculator .rb_block .radio_block input:checked+label{
    background: #312a22;
    color: #fff;
}
.calculator .result_block{
    background: linear-gradient(110deg, #fec214 40%, #fff);
    padding: 7px 50px;
}
.calculator .result_block .title{
    font-size: 17px;
    font-weight: 600;
    margin: 19px 0 0;
}
.calculator .result_block .main_result{
    color: #312a22;
    white-space: nowrap;
    margin-bottom: 8px;
    text-align: right;
}
.calculator .result_block .main_result .from{
    font-size: 17px;
    font-weight: 500;
}
.calculator .result_block .main_result .val{
    display: inline-block;
    font-size: 38px;
    font-weight: 600;
}
.calculator .result_block .main_result .currency{
    display: inline-block;
    font-weight: 600;
    font-size: 38px;
    margin: 0 0 0 5px;
}
.calculator .result_uah{
    color: #5a5a5a;
    text-align: right;
    margin: 0;
}
.calculator .result_uah > *{
    display: inline-block;
}
.calculator .result_uah .val{
    font-size: 19px;
    font-weight: 600;
    margin: 0 4px 0 0;
}
.calculator .result_uah .currency{
    font-size: 13px;
    font-weight: 700;
}
.calculator .button_block{
    padding-top: 25px;
    padding-bottom: 25px;
}
.calculator .button_block .button{
    width: 100%;
}
.calculator .privacy_block{
    padding-bottom: 0;
}
.calculator .privacy_block .cont,
.md_form .privacy_block .cont{
    color: #393939;
    font-size: 12px;
    font-weight: 300;
    padding: 0 0 0 10px;
}
.calculator_block .note{
    color: #393939;
    font-size: 12px;
    font-weight: 300;
    padding: 20px 0 20px 60px;
}
.calculator_block .note p{
    margin: 0 0 5px;
}
.calculator_block .note p:first-child{
    padding-left: 5px;
}

.inform_block{
    position: relative;
    padding: 140px 0 50px;
}

.inform_blocks > .item{
    background: #F0F0F7;
    border-radius: 40px;
    width: calc(25% - (25px * 3 / 4));
    padding: 40px;
    margin: 0 25px 25px 0;
}
.bg1 .inform_blocks > .item{
    background: #fff;
}
.inform_blocks > .item:nth-child(4n){
    margin-right: 0;
}

.inform_blocks.ch_2 > .item{
    width: calc(50% - 15px / 2);
}
.inform_blocks.ch_2 > .item:nth-child(3n){
    margin-right: 0;
}
.inform_blocks.ch_2 > .item:nth-child(2n){
    margin-right: 0;
}

.inform_blocks.ch_3 > .item{
    width: calc(100% / 3 - (25px * 2 / 3));
}
.inform_blocks.ch_3 > .item:nth-child(3n){
    margin-right: 0;
}

.advantages_block{
   padding-bottom: 100px;
}
.advantages_block .main_width{
    width: 1130px;
}

.inform_blocks > .item i{
    display: inline-block;
    color: #312a22;
    font-size: 46px;
    line-height: 46px;
    margin: 0 0 30px; 
}

.inform_blocks > .item .title{
    display: block;
    color: #111;
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 30px;
}
.inform_blocks > .item ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.inform_blocks > .item ul li{
    background: url(../images/icons/check.svg) no-repeat 0 0/24px 24px;
    color: #222;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
    min-height: 22px;
    padding: 5px 0 0 35px;
    margin: 0 0 13px;
}
.inform_blocks > .item ul li:last-child{
    margin: 0;
}
.inform_blocks > .item .txt p{
    color: #222;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 13px;
}
.inform_blocks > .item .txt p:last-child{
    margin-bottom: 0;
}

.leasing_inform_block{
    margin-top: 100px;
}
.leasing_inform_block .title_s2{
    color: #fff;
}
.leasing_inform_block .title_s2:before{
    background: #fec214;
}

.steps_block{
    position: relative;
    z-index: 1;
    padding: 100px 0;
}
.steps_block > .wrapper{
    background: #000;
    /* background: linear-gradient(to right, #312a22, #fda404); */
    border-radius: 40px;
    color: #fff;
    width: 1640px;
    max-width: calc(100% - 50px);
    overflow: hidden;
    padding: 0 45px;
    margin: 0 auto;
}
.steps_block .title_bx{
    display: block;
    padding: 50px 0 5px;
    margin: 0;
}
.steps_block .title_s2{
    color: #fff;
}
.steps_block .title_s2:before{
    background: #fec214;
}

.steps_block .title_bx .desc{
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 40px 40px;
    margin: 0;
}
.steps_block .steps{
    border-top: #fff 3px solid;
    border-bottom: #fff 3px solid;
    width: 100%;
    margin: 0;
}
.steps_block .steps .step{
    display: flex;
    justify-content: center;
    position: relative;
    width: calc(100% / 3 - 100px / 3);
    padding: 40px 40px;
    margin: 0 50px 0 0;
}
.steps_block .steps:not(.ch5) .step:nth-child(3n),
.steps_block .steps.ch5 .step:last-child{
    margin-right: 0;
}
.steps_block .steps.ch5 .step{
    width: calc(20% - 40px);
    padding: 40px 10px;
}


.steps_block .steps .step:before,
.steps_block .steps .step:after{
    content: '';
    background: #fff;
    position: absolute;
    left: calc(100% + 45px);
    top: 50%;
    width: 3px;
    height: 45%;
    max-height: 35px;
    transform-origin: 100% 0;
}
.steps_block .steps .step:before{
    transform: rotate(145deg) translateX(100%);  
}
.steps_block .steps .step:after{
    transform: rotate(35deg);
}
.steps_block .steps .step:last-child:before,
.steps_block .steps .step:last-child:after{
    display: none;
}
.steps_block .steps .step i{
    color: #fec214;
    font-size: 76px;
    line-height: 76px;
}
.steps_block .steps .step:nth-child(2) i{
    font-size: 82px;
}
.steps_block .steps .step p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 0 30px;
}
.steps_block .steps .step .md{
    font-size: 16px;
    line-height: 1.3;
}
.steps_block .steps .step .step_n{
    color: #fec214;
    font-size: 13px;
    margin: 0 0 10px;
}
.steps_block .steps .step .step_desc{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin: 15px 0 0;
}
.steps_block .button{
    display: table;
    margin: 27px 0;
}

.steps2_block{
    position: relative;
}
.steps2_block > .wrapper{
    width: 1200px;
    max-width: calc(100% - 50px);
    margin: 100px auto 140px;
}
.steps2_block .title_bx_block,
.steps2_block .steps_bx{
    width: 48%;
}
.steps2_block .title_bx_block{
    margin-right: 4%;
}
.steps2_block .title_bx .title{
    font-size: 34px;
    margin-bottom: 90px;
}

.steps2_block .steps{
    width: 400px;
    max-width: 100%;
}
.steps2_block .step{
    position: relative;
    padding: 0 0 60px 90px;
}
.steps2_block .step:last-child{
    padding-bottom: 0;
}
.steps2_block .step .n{
    background: #fff;
    border: #8D81F2 9px solid;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 47px;
    position: absolute;
    left: 0;
    top: 0;
}
.steps2_block .step:not(:last-child):before{
    content: '';
    background: #8D81F2;
    position: absolute;
    left: 31px;
    top: 79px;
    width: 2px;
    height: calc(100% - 94px);
}
.steps2_block .step .title_bx{
    min-height: 64px;
}
.steps2_block .step .title_bx .title{
    font-size: 23px;
    font-weight: 700;
    margin: 0;
}
.steps2_block .step .txt{
    color: #666;
    font-size: 15px;
    line-height: 1.2;
    margin: 10px 0 0;
}

.repayment_block{
    position: relative;
    clear: both;
}
.repayment_block:before{
    content: '';
    background-image: linear-gradient(-45deg, rgba(0,0,0,0) calc(50% - 0.5px), #A79DFB calc(50% - 0.5px), rgba(0,0,0,0) calc(50% + 0.5px));
    background-size: 10px 10px;
    background-attachment: fixed;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.repayment_block .c_bx{
    position: absolute;
    right: 0;
    top: -220px;
    width: 80px;
    height: 400px;
    overflow: hidden;
}
.repayment_block .c_bx:after{
    content: '';
    display: block;
    background: linear-gradient(#B1F0FF, #3FDAFF);
    border-radius: 50%;
    width: 400px;
    height: 400px;
}
.repayment_bx{
    position: relative;
    width: 1300px;
    padding: 60px 0;
}
.repayment_bx .cont_bx{
    width: calc(100% - 280px);
    padding: 30px 80px 30px;
}
.repayment_bx .img_bx{
    width: 280px;
}
.repayment_bx .img_bx img{
    width: 100%;
    margin-top: 5%;
}
.repayment_bx .img_bx svg{
    width: 100%;
    margin-top: 5%;
}
.repayment_bx .txt{
    margin: 32px 0 40px 40px;
}
.repayment_bx .txt p{
    line-height: 1.3;
}
.repayment_bx .txt p:last-child{
    margin-bottom: 0;
}
.repayment_bx .button{
    margin: 0 0 0 40px;
}
.gr_block{
    position: relative;
    width: 100%;
    padding: 0 0 100%;
}
.gr_bx{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gr_bx .c1,
.gr_bx .c2{
    position: relative;
    width: 50%;
    height: 100%;
}
.gr_bx .c1{
    background: #9186F3;
    border-radius: 300px 0 0 300px;
    margin-top: 7%;
}
.gr_bx .c2{
    background: #A79DFB;
    border-radius: 0 300px 300px 0;
    left: -2%;
    transform: rotate(15deg);
    transform-origin: 0 50%;
    animation: 10s ease-in 0s infinite gr_anim;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.gr_bx .s{
    background: #BFB7FF;
    color: #EDEBFF;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 9px rgba(0,0,0,.1);
    padding: 20px 14px 19px;
}
.gr_bx .s:before{
    content: "\e92a";
    font-family: 'main';
}
@keyframes gr_anim{
    0%, 100% {
        transform: rotate(30deg);
    } 
    50% {
        transform: rotate(10deg);
    } 
}


.cars_block{
    padding-top: 140px;
    padding-bottom: 100px;
}
.cars_block > .wrapper{
    position: relative;
    width: 1200px;
}
.cars_block > .wrapper .bg_bx{
    
    background: linear-gradient(#B1F0FF, #3FDAFF);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 1000px;
    transform: translate(-73%, -25%);
}
.cars_block > .wrapper .bg_bx:before{
    content: '';
    border: #fff 1px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 65%;
    height: 65%;
    transform: translate(-50%, -50%);
    opacity: .5;
}
.cars_block > .wrapper > *{
    position: relative;
}


.cars_block .top_cars_block .cont_bx{
    width: 65%;
}
.cars_block .top_cars_block .img_bx .img{
    position: absolute;
    right: 0;
    width: 140%;
    padding: 0 0 140%
}

.cars_block .top_cars_block .cont_bx{
    padding: 0 0 0 110px;
}
.product-imgs{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.img-display {
    overflow: hidden;
}
.cars_block .top_cars_block .cont_bx > .title{
    left: -40px;
}
.cars_block .top_cars_block .cont_bx .txt p{
    color: #555;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.cars_block .top_cars_block .cont_bx .txt p .str{
    color: #312a22;
}
.social-net{
    display: flex;
    align-items: center;
    margin: 30px 0;
    font-size: 22px;
}
.social-net li{
    margin-right: 20px;
}
.img-select img{
    height: 100px!important;
    display: block;
}
.img-showcase {
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.img-showcase img {
    min-width: 100%;
    width: 100%;
    display: block;
}
.img-select {
    display: flex;
}
.img-item {
    margin: 0.3rem;
}
.img-item:nth-child(1), .img-item:nth-child(2), .img-item:nth-child(3) {
    margin-right: 0;
}
.car_requirements{
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 46px rgba(0,0,0,.06);
    padding: 30px;
    margin: 50px 0 0;
}
.car_requirements .title{
    font-size: 18px;
    font-weight: 700;
}
.car_requirements ul{
    display: flex;
    list-style: none;
    margin: 20px 0 0;
}
.car_requirements ul li{
    color: #606060;
    line-height: 1.2;
    position: relative;
    min-width: 130px;
    padding: 15px 0 0;
}
.car_requirements ul.mw li{
    min-width: auto;
}
.car_requirements ul li:not(:last-child){
    margin-right: 30px;
}
.car_requirements ul li:before{
    content: '';
    background: #312a22;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 7px;
}
.cars{
    clear: both;
    margin: 100px 0 0;
}
.cars .car{
    background: #DEDEF2;
    border-radius: 50px;
    width: calc(100% / 4 - 30px);
    margin: 0 30px 0 0;
}
.cars .car:nth-child(4n){
    margin-right: 0;
}
.cars .car > .wrapper{
    background: #F0F0F7;
    border-radius: inherit;
}
.cars .car .img{
    border-radius: 0 50px 0 0;
    float: right;
    width: 103%;
    overflow: hidden;
}
.cars .car .img img{
    display: block;
    width: 117%;
    margin: 10px 0 0;
}
.cars .car > .wrapper > .cont{
    clear: both;
    padding: 35px;
}

.cars .car .title{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 30px;
    white-space: pre-wrap;
    line-height: 1.25;
}
.cars .car .features .item{
    display: flex;
    position: relative;
    margin: 0 0 20px;
}
.cars .car .features .item:last-child{
    margin: 0;
}
.cars .car .features .item:before{
    content: '';
    border-bottom: #79797D 2.5px dotted;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
}
.cars .car .features .item > *{
    background: #f0f0f7;
    line-height: 15px;
    position: relative;
}
.cars .car .features .item > *:first-child{
    color: #79797D;
    padding: 0 9px 0 0;
}
.cars .car .features .item > *:last-child{
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 0 0 9px;
}
.cars .car .features .item > * > span{
    font-size: .7em;
    font-weight: 700;
}
.cars .car > .cont{
    padding: 20px 35px 25px;
}
.cars .car > .cont > p{
    margin: 0;
}
.cars .car > .cont p > *:first-child{
    font-size: 20px;
    font-weight: 600;
}
.cars .car > .cont p > *:last-child{
    color: #312a22;
    font-size: 28px;
    font-weight: 700;
    white-space: nowrap;
}
.cars .car > .cont p > *:last-child span{
    font-size: .5em;
}

.l_cars_block{
    padding: 130px 0 50px;
}
.l_cars_block > .wrapper{
    width: 1640px;
    max-width: calc(100% - 100px);
    margin: 0 auto;
}
.l_cars{
    display: flex;
}
.l_cars .l_car{
    background: #fff;
    border-radius: 20px;
    position: relative;
    top: 0;
    z-index: 0;
    margin: 0 10px;
}
.l_cars > .l_car{
    width: calc(25% - 20px);
    margin-top: 40px;
    margin-bottom: 40px;
}
.l_cars > .l_car:nth-child(n+5){
    display: none;
}
.l_cars .l_car .cont_b{
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
    border-radius: 0 0 20px 20px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px;
}
.cars_block .top_cars_block .img_bx {
    position: relative;
    width: 35%;
}
.l_cars .l_car .cont_b .title_b{
    font-size: 18px;
}
.l_cars .l_car .cont_b .price_b{
    color: #FCE586;
    margin: 0;
}

.l_cars.all{
    flex-wrap: wrap;
}
body .l_cars.all > .l_car{
    display: block;
    margin-top: 20px;
    margin-bottom: 0;
}

.l_cars .slick-list{
    z-index: 1;
    padding: 40px 0;
}
.l_cars .slick-track{
    display: flex;
}
.l_cars .slick-track .l_car{
    height: auto;
}
.l_cars .slick-dots{
    bottom: -10px;
}

.l_car .img{
    background: #c9ced2;
    border-radius: 20px 20px 0 0;
    position: relative;
    width: 100%;
    padding: 0 0 65%;
}
.l_car .img img{
    display: block;
    border-radius: 20px 20px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.l_car > .cont{
    padding: 25px;
}
.l_car > .cont > .title{
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 30px;
}

.l_car_features{
    margin: 20px 0 5px;
}
.l_car_features .item{
    width: calc(50% - 10px);
    margin: 0 20px 15px 0;
}
.l_car_features .item:nth-child(2n){
    margin-right: 0;
}
.l_car_features .item .icon{
}
.l_car_features .item .icon img,
.l_car_features .item .icon i{
    font-size: 20px;
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: .5;
    margin: 1px 12px 0 0;
}
.l_car_features .item .cont{
    width: calc(100% - 32px);
}
.l_car_features .item .name{
    color: #666;
    font-size: 9px;
    text-transform: uppercase;
    margin: 0 0 2px;
}
.l_car_features .item .val{
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.l_car .price_bx{
    color: #312a22;
    font-size: 19px;
    margin: 0 0 8px;
}
.l_car .price_bx > .title{
    color: #222;
    font-size: 15px;
    font-weight: 100;
}
.l_car .price_bx .price{
    font-size: 20px;
}
.l_car .price_bx.v2{
    margin: 0;
}
.l_car .price_b .price{
    font-size: 18px;
}

.l_car > .cont.v2{
    background: #fff;
    border-radius: 0 0 20px 20px;
    width: 100%;
    padding-top: 0;
    padding: 0 15px 15px;
}

.l_car table{
    width: 100%;
}
.l_car table .t_head{
    color: #777;
    font-size: 13px;
    font-family: 'Helvetica Neue Cyr Light';
    text-align: center;
}
.l_car table .t_head td{
    padding-bottom: 3px;
}
.l_car table .t_val td{
    background: #f5f7f9;
    border-left: #ddd 1px solid;
    color: #5936b7;
    text-align: center;
    padding: 8px 5px 5px;
}
.l_car table .t_val td:first-child{
    background: #c5d3e5;
    border-left: none;
    border-radius: 7px 0 0 7px;
    color: #000;
}
.l_car table .t_val td:nth-child(2){
    border-left: none;
}
.l_car table .t_val td:last-child{
    border-radius: 0 7px 7px 0;
}
.l_car table .t_val td .cur{
    display: block;
    font-size: 10px;
}
.l_car table .t_val .pr{
    font-size: 14px;
    white-space: nowrap;
}
.l_car table .mrgn{
    height: 7px;
}
.l_cars_block .more_cars{
    display: table;
    margin: 40px auto 0;
}
.l_cars_block .more_cars.hide{
    opacity: 0;
}

.l_car.view{
    border-radius: 20px;
    padding: 0;
}
.l_car.view > .cont{
    padding-bottom: 15px;
}

.l_cars_block .content_bx{
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.l_cars_block .content_bx .txt{
    font-weight: 300;
    line-height: 1.4;
}
.l_car.view .button{
    font-size: 16px;
    width: 100%;
    margin: 15px auto 10px;
}

body.dark .l_cars_block .content_bx .txt{
    color: #fff;
}
body.dark .l_car.view{
    background: #44424d;
    color: #fff;
}
body.dark .l_car_features .item .name{
    color: rgba(255,255,255,.7);
}
body.dark .l_car .price_bx{
    color: #988df6;
}
body.dark .l_car .price_bx > .title{
    color: rgba(255,255,255,.7);
}



.comments_block{
    padding: 80px 50px 40px;
}
.comments{
    display: flex;
    width: 1640px;
    max-width: calc(100% - 100px);
    margin: 40px auto 60px; 
}
.comments .slick-track,
.comments .slick-list{
    display: flex;
}
.comments .comment{
    background: #F0F0F7;
    border-radius: 50px;
    position: relative;
    color: #343434;
    width: calc(50% - 20px);
    min-height: 320px;
    overflow: hidden;
    margin: 0 10px;
}
.comments.slider > .comment:nth-child(n+3){
    display: none;
}

.comments_list_block.comments_block{
    padding: 0 0 40px;
}
.comments.list{
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 0 20px;
}
.comments.list .comment{
    margin-bottom: 20px;
}

.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev{
    left: -30px;
}
.slick-next{
    right: -30px;
}
.slick-prev:before,
.slick-next:before{
    color: #919395;
    font-family: 'main';
    font-size: 30px;
    line-height: 1;
}
.slick-prev:before{
    content: "\e917";
}
.slick-next:before{
    content: "\e918";
}
.slick-dots{
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before{
    content: '';
    background: #B2B2B2;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%,-50%);
}
.slick-dots li.slick-active button:before{
    background: #777;
}

.comment .bg,
.comment .bg img,
.comment .bg:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.comment .bg img{
    object-fit: cover;
    filter: blur(5px);
}
.comment .bg:after{
    content: '';
    background: rgba(0,0,0,.35);
}
.comment .cont{
    position: relative;
    padding: 35px 35px;
}
.comment .head{
    margin: 0 0 20px;
}
.comment .head .img{
    width: 85px;
}
.comment .head .img img{
    display: block;
    background: rgba(0,0,0,.08);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.comment .head .img + .name{
    width: calc(100% - 85px);
}
.comment .head .name p{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.comment .cont .txt{
    font-size: 14px;
    font-style: italic;
    font-weight: 100;
    line-height: 1.3;
}
.comment.video{
    color: #fff;
}
.comment.video .cont{
    position: absolute;
    width: 100%;
    height: 100%;
}
.comment.video .cont .txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 30px 25px;
    margin: 0;
}
.comment.video .play{
    background: #312a22;
    border-radius: 38%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%);
    transition: .3s;
}
.comment.video .play i{
    color: #fff;
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-44%,-50%);
}
.comment.video:hover .play{
    width: 100px;
    height: 100px;
}
.comment .info_line{
    color: #999;
    font-size: 13px;
    margin: 35px 0 0;
}
.comment .info_line span{
    text-transform: capitalize;
}
.comment .info_line a{
    border-bottom: #312a22 1px solid;
    color: #888;
}
.comment .info_line a:hover{
    color: #666;
}
.comments_block .button2{
    display: table;
    margin: 0 auto 0;
}

.comments2_block{
    float: left;
    clear: both;
    width: 100%;
    margin: 80px 0;
}
.comments2_block > .wrapper{
    width: 1200px;
}
.comments2_block .title_block{
    width: 33%;
    padding: 120px 80px 180px 0;
}
.add_comment_bx .title{
    font-size: 16px;
    font-weight: 700;
}
.add_comment_bx .txt{
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0 0 30px;
}
.comments2_block .comments_bx{
    width: 67%;
}
.comments2_block .button2{

}
.comments.grids{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.comments.grids > .col{
    width: calc(50% - 10px);
    margin: 0 20px 0 0;
}
.comments.grids > .col:nth-child(2n){
    margin-right: 0;
}
.comments.grids .comment{
    width: 100%;
    min-height: 400px;
    margin: 0 0 20px;
}
.comments.grids .comment.video{
    min-height: 320px;
}
.comments.grids .col:nth-child(1) .comment.video:nth-child(2),
.comments.grids .col:nth-child(2) .comment.video:nth-child(1){
    min-height: 400px;
}

.comments2_block .comments .button2{
    margin: 10px 0 0 35px;
}

.loyalty_block{
    background: #F0F0F7;
    padding: 120px 0 70px;
}


.loyalty_block > .wrapper{
    width: 1000px;
}
.loyalty_bx > *{
    float: left;
    position: relative;
    min-height: 250px;
}
.loyalty_bx .cont_bx{
    width: 55%;
    padding: 50px;
}

.loyalty_bx .cont_bx:before{
    content: '';
    background: linear-gradient(to right bottom, #312a22, #fda404);
    border-radius: 50px 5px 5px 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 135%;
    height: 100%;
}

.loyalty_bx .cont_bx .title{
    color: #fff;
    font-size: 24px;
}
.loyalty_bx .cont_bx .title_s2:before{
    background: #fec214;
}
.loyalty_bx .cont_bx .txt{
    color: #fff;
    position: relative;
    margin: 0;
}
.loyalty_bx .form_bx{
    background: #fff;
    border-radius: 5px 50px 50px 5px;
    top: -50px;
    width: 45%;
    box-shadow: 0 3px 50px rgba(0,0,0,.16);
    padding: 40px 50px;
}
.loyalty_bx .form_bx .form_block .title{
    font-size: 15px;
    font-weight: 700;
}
.loyalty_bx .form_bx .friend_bx{
    display: none;
}


.faq_block{
    padding: 40px 50px;
    margin: 0 auto;
}
.faq_block > .inblock{
    width: 1500px;
    max-width: 100%;
    margin: 0 auto;
}
.faq_block > * > .wrapper{
    background: #fff;
    border-radius: 50px 5px 5px 50px;
    position: relative;
    width: calc(100% - 150px);
    padding: 40px 50px;
}
.faq_block > .inblock > .title{
    margin-left: 50px;
}
.faq_block .cont_wrap{
    padding-left: 150px;
}
.faq{
    position: relative;
    padding: 30px 250px 0 0;
}
.faq_list > div{
    border-top: #D4D4D4 1px solid;
    position: relative;
    padding: 10px 0;
}
.faq_list > div:first-child{
    border-top: 0;
}
.faq_list > div:nth-child(n+5){
    display: none;
}
input[name=more_faq]:checked ~ .faq .faq_list > div:nth-child(n+5){
    display: block;
}
.faq_list > div .f_title{
    display: block;
    font-size: 21px;
    line-height: 1.2;
    position: relative;
    cursor: pointer;
    padding: 28px 0 23px 60px;
}
.faq_list > div .f_title *{
    font-weight: 600;
}
.faq_list > div .f_title:before{
    content: '?';
    display: block;
    background: #312a22;
    border-radius: 20px 20px 0 20px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 46px;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 18px;
    width: 40px;
    height: 40px;
}
input[name=faq]:checked ~ .f_title:before,
input[name=dif]:checked ~ .f_title:before{
    background: #312a22;
}
.faq_list > div .cont{
    display: none;
    color: #555;
    line-height: 1.2;
    font-weight: 400;
    padding: 10px 0 10px 60px;
}
input[name=faq]:checked ~ .cont,
input[name=dif]:checked ~ .cont{
    display: block;
}
input[name=more_faq],
input[name=dif],
input[name=faq]{
    display: none;
}
.faq_block .cont_wrap .button2{
    display: table;
    margin: 20px auto 0;
}
.faq_block .cont_wrap .button2.to_make_faq{
    display: none;
}
input[name=more_faq]:checked ~ .cont_wrap .more_faq{
    display: none;
}
.faq_form_block{
    background: #DEDEF2;
    border-radius: 05px 50px 50px 5px;
    position: absolute;
    right: -200px;
    top: 40px;
    width: 400px;
    padding: 40px 40px 30px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.faq_form_block .form_block input[type=text],
.faq_form_block .form_block input[type=number],
.faq_form_block .form_block input[type=email],
.faq_form_block .form_block input[type=tel],
.faq_form_block .form_block textarea{
    background: #fff;
}

.faq_list .f_title2{
    color: #4F40B9;
    font-weight: 700;
}
.faq_list .cont .bx + .bx{
    margin-top: 40px;
}


body.credit_leasing .steps_block{
    background: linear-gradient(to bottom, rgba(255,255,255,0), #F0F0F7);
}

body.credit_leasing.dark .steps_block{
    background: #151515;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #151515);
}

.differences_block > .inblock{
    width: 1000px;
}
.differences_block > * > .wrapper{
    border-radius: 50px;
    width: 100%;
}

.differences_block .faq_list > div .f_title{
    padding-left: 0;
    padding-right: 30px;
}

.differences_block .faq_list > div .f_title:before{
    display: none;
}
.differences_block .faq_list > div .f_title label:after{
    content: "\e919";
    font-family: 'main';
    color: #312a22;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 32px;
    cursor: pointer;
}
.differences_block .faq_list > div .f_title:hover label:after{
    color: #4F40B9;
}
.differences_block .faq_list > div .cont{
    padding-left: 0;
}

.form_block .title{
    color: #1F1F1F;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 30px;
}
.form_block .inp{
    margin: 0 0 25px;
}
.md_form.form_block .inp.b{
    margin: 0;
}
.form_block input[type=text],
.form_block input[type=number],
.form_block input[type=email],
.form_block input[type=tel],
.form_block textarea{
    background: #F2F2F7;
    border: none;
    outline: none;
    border-radius: 17px;
    font-family: 'Montserrat';
    color: #000;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    padding: 13px 20px 11px;
}
.form_block textarea{
    border-radius: 20px;
    height: 150px;
    resize: vertical;
}


.consultation_bx{
    float: left;
    width: 100%;
}
.consultation_block{

    margin: 50px 0 0;
}
.consultation_block > .wrapper{
 
    width: 1500px;
    position: relative;
    max-width: calc(100% - 50px);
    padding: 0 60px 0;
    margin: 0 auto;
}
.consultation_block  > .wrapper > .cont{
    position: relative;
    width: 1260px;
    max-width: 100%;
    padding: 60px 350px 40px 0;
    margin: 0 auto;
}
.consultation_block .title{

    margin: 0 0 20px -40px;
}
.consultation_block .title:before{
    background: #fec214;
}
.consultation_block .description{
    font-weight: 100;
    margin: 0 0 40px;
}
.consultation_block .inp_block{
    width: 300px;
    margin: 0 15px 0 0;
}
.consultation_block button{
    white-space: nowrap;
}
.consultation_block .privacy_block{
    margin: 30px 0 0 10px;
}
.consultation_block .privacy_block .cont{
    font-size: 13px;
    font-weight: 300;
    padding: 3px 0 0 10px;
}
.consultation_block .image{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 369px;
}
.consultation_block .info{
    color: #fec214;
}
.consultation_block .info span{
    display: block;
    margin: 0 0 10px;
}

.contacts_block{
    position: relative;
    overflow: hidden;
}

.map{
    background: #f7f7f7;
    pointer-events: none;
    position: absolute;
    top: -150px;
    width: 100%; 
    height: calc(100% + 150px);
}
.map_block.active .map{
    pointer-events: auto;
}
.map_block:after{
    content: '';
    background: #002474;
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    opacity: .39;
    cursor: pointer;
}
.map_block.active:after{
    display: none;
}
.contacts_block .contacts{
    background: #fff;
    border-radius: 50px;
    float: left;
    position: relative;
    width: 440px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin: 50px;
}
.map_block.active + .contacts{
    background: #F5F2EC;
}

.contacts_block .contacts > .wrapper{
    padding: 40px;
}
.contacts_block .contacts > .wrapper .title,
.contacts_items > .item .title{
    font-size: 28px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 35px;
}
.contacts_block .contacts > .wrapper .title:before,
.contacts_items > .item .title:before{
    left: 0;
    transform: none;
}
.contacts_block .contacts .cont,
.contacts_items > .item .cont{
    color: #1F1F1F;
}
.contacts_block .contacts .cont i,
.contacts_items > .item .cont i{
    color: #312a22;
    transition: .3s;
}
.contacts_block .address{
    font-weight: 600;
    margin: 0 0 30px;
}
.contacts_block .address + .address{
    margin-top: -15px;
}
.contacts_block .address i{
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.contacts_block .phones_schedule{
    margin: 0 0 15px;
}
.contacts_block .phones a{
    display: block;
    margin: 0 0 10px;
}
.contacts_block .phones i{
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-right: 3px;
    margin-right: 5px;
}
.contacts_block .phones span{
    font-weight: 500;
}
.contacts_block .schedule{
    padding: 1px 0 0;
}
.contacts_block .schedule p{
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 7px;
}
.contacts_block .schedule p:before{
    content: '';
    background: #07B71B;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3px;
    width: 6px;
    height: 6px;
}
.contacts_block .schedule p:last-child:before{
    background: #B74B07;
}
.contacts_block .email{
    font-size: 15px;
    font-weight: 500;
}
.contacts_block .email i{
    font-size: 12px;
    margin: 0 7px 0 1px;
}
.contacts_block .m_form_block{
    background: #DEDEF2;
    border-radius: 0 0 50px 50px;
    width: 100%;
    padding: 25px 40px 30px;
}
.contacts_block .m_form_block .title{
    font-size: 16px;
    margin: 0 0 10px 3px;
}
.contacts_block .m_form_block form{
    background: #fff;
    border-radius: 16px;
    width: 100%;
}
.contacts_block .m_form_block .inp_block{
    position: relative;
    width: calc(50% - 20px);
}
.contacts_block .m_form_block .inp_block.b1:before{
    content: '';
    background: #e0e5ec;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: calc(100% - 10px);
}
.contacts_block .m_form_block input{
    background: #fff;
    border-radius: 16px;
    font-size: 14px;
    padding: 13px 18px 11px;
}
.contacts_block .m_form_block button{
    background: #DEDEF2;
    border: none;
    outline: none;
    border-radius: 13px;
    color: #fff;
    font-size: 17px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    margin: 4px;
}
.contacts_block .m_form_block button i{
    position: relative;
    top: 1px;
}
.contacts_block .m_form_block button:hover{
    background: #CFCFE6;
}
.info{
    color: #222;
    line-height: 1.2;
    font-weight: 100;
    font-style: italic;
}

.credit_info{
    background: #e9eef4;
}
.credit_info > .wrapper{
    font-size: 13px;
    width: 1200px;
    max-width: calc(100% - 40px);
    margin: 40px auto;
}
.credit_info > .wrapper .title{
    margin-bottom: 10px;
}
.credit_info > .wrapper .txt{
    color: #666;
    font-weight: 300;
}
.credit_info > .wrapper .txt p{
    margin: 0;
}

.footer{
    background: #312a22;
    background: linear-gradient(to right bottom, #312a22, #fda404);
}
.footer > .wrapper{
    width: 1260px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
}
.footer .nav_block{
    border-bottom: rgba(255,255,255,.5) 1px solid;
    color: #fff;
    padding: 60px 0 50px;
}
.footer .nav_block .item{
    max-width: 220px;
    margin-right: 30px;
}
.footer .nav_block .item.n1{
    max-width: 320px;
}
.footer .nav_block .item.n_regions{
    max-width: 320px;
}
.footer .nav_block .item:last-child{
    margin-right: 0;
}
.footer .nav_block .item.n_regions ul{
    column-count: 2;
    column-gap: 25px;
}

.footer .nav_block .item .title{
    color: #fec214;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    margin: 0 0 30px;
}
.footer .nav_block .item .title ~ .title{
    margin-top: 60px;
}
.footer .nav_block li{
    font-size: 14px;
    margin: 0 0 15px;
}
.footer .nav_block li:last-child{
    margin: 0;
}
.footer .nav_block li *{
    color: #fff;
    font-weight: 500;
}
.footer .bottom_block{
    padding: 25px 0 20px;
}
.footer .company_copyright{
    color: rgba(255,255,255,.65);
}
.footer .company_copyright .icon img{
    display: block;
    font-size: 26px;
    margin: 0 15px 0 0;
    width: 200px;
}
.footer .company_copyright .cont p,
.footer .ssl .cont p{
    display: block;
    font-size: 13px;
    font-weight: 100;
    line-height: 1.2;
    margin: 0;
}
.footer .ssl .icon i{
    display: block;
    color: #fec214;
    font-size: 34px;
    margin: 0 12px 3px 0;
}
.footer .ssl .cont p{
    color: #fff;
}

body .fancybox__content:not(.md_content){
    padding: 0;
}
body .fancybox__content{
    border-radius: 40px;
}
.md_content .title_s2{
    font-size: 26px;
}

.md_form .privacy_block{
    margin: 25px 0 0 5px;
}
.md_form .privacy_block .cont{
    color: #555;
}
#select_phone{
    width: 290px;
}
.md_content .phone_block{
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px; 
}
.md_content .phone_block:last-child{
    margin-bottom: 0;
}
.md_content .phone_block i{
    color: #312a22;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.fancybox-slide .md_content.txt{
    width: 800px;
    max-width: calc(100% - 20px);
}
.fancybox-slide .md_content.txt{

}
.fancybox-slide .md_content.txt p{
    font-size: 15px;
    font-weight: 100;
    line-height: 1.3;
}

.id{
    position: relative;
    top: -84px;
}

.path{
    font-size: 13px;
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 5px 0 30px;
}
.path > div{
    float: left;
    padding-right: 20px;
    color: #393939;
}
.path > div a{
    color: #393939; 
}
.path i{
    font-style: normal;
    font-weight: 300
}
.path a,
.path .a{
    position: relative;
}

.path a:after,
.path .a:after{
    content: '';
    border-top: #393939 1px solid;
    border-right: #393939 1px solid;
    width: 4px;
    height: 4px;
    position: absolute;
    left: calc(100% + 7px);
    top: 6px;
    transform: rotate(45deg);
}

.top_block .path > div,
.top_block .path > div a,
.top_block .path > div .a{
    color: #fff;
}
.top_block .path > div a:after,
.top_block .path > div .a:after{
    border-color: #fff;
}

.page_block{
    width: 1300px;
    max-width: calc(100% - 50px);
    margin: 170px auto 0;
}
.w1000{
    width: 1000px;
}
.w800{
    width: 800px;
}

.page_block h1{
    color: #111;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    clear: both;
    position: relative;
    padding-left: 40px;
    margin: 0 0 40px;
}
.page_block h1:before{
    content: '';
    background: #312a22;
    border-radius: 20px;
    width: 16px;
    height: calc(100% + 0.7em);
    position: absolute;
    left: 0;
    top: -0.35em
}
.page_block h1 span{
    color: #312a22;
}

.page_block .posts{
    list-style: none;
    padding: 0;
    margin: 0;
}
.post_info_bx{

}
.post_info_block{
    display: table;
    background: #333;
    border-radius: 20px;
    margin: 0 0 30px;
}
.post_info_block > *{
    display: table-cell;
    border-left: rgba(255,255,255,.3) 1px solid;
    color: #fff;
    font-size: 13px;
    padding: 5px 15px;
}
.blog_box .post_info_block > *.date{
    color: #fff;
    font-size: 13px;
}
.post_info_block > div:first-child{
    border: none;
}
.post_info_block * i{
    font-size: 15px;
    opacity: .6;
    margin-right: 3px;
}
.post_info_block span{
    font-weight: 100;
    position: relative;
    top: -2px;
}
.likes_block{
    cursor: pointer;
}
.likes_block:hover,
.post_info_block a:hover{
    background: #000;
}
.author_bx{
    margin: 7px 0 7px 25px;
}
.author_bx a{
    display: inline-block;
    border-bottom: 1px solid #ccc; 
}
.author_bx a:hover{
    border-bottom-color: #222;
}


.author_title{
    color: #777;
}
.author_cont_bx{
    flex-direction: row-reverse;
    margin: 0 0 40px;
}
.author_img_bx{
    width: 400px;
    max-width: 100%;
}
.author_img_bx .img{
    background: #d4d4d4;
    border-radius: 20px;
    position: relative;
    width: 100%;
    padding: 0 0 150%;
}
.author_img_bx img{
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.author_cont{
    width: calc(100% - 400px);
    padding-right: 40px;
}
.author_cont .txt * ~ h4{
    margin-top: 40px;
}

.author_block{
    background: #dedef2;
    border-radius: 40px;
    width: 460px;
    max-width: 100%;
    margin: 0 0 50px;
}
.author_block .img{
    background: #ccc;
    position: relative;
    width: 100px;
    height: 100px;

    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    margin: 10px 0 10px 20px;
}
.author_block .img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.author_block .cont{
    padding: 20px;
}
.author_block .a_title{
}
.author_block p{
    margin: 3px 0 0;
}
.author_block .cont a{
    border-bottom: 1px solid #bbb;
}
.author_block:hover .cont a{
    border-color: #999;
}

.img_cont{
    display: block;
    border-radius: 16px;
    width: 100%;
    margin: 20px 0;
}

.posts > li{ 
    border-bottom: #ddd 1px solid;
    width: 100%;
    min-height: 300px;
    padding: 25px 0;
}
.posts > li .image{
    position: relative;
    width: 40%;
}
.posts > li .image img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.posts > li .preview{
    width: 60%;
    padding: 0 0 0 50px;
}
.posts > li h3{
    font-size: 26px;
    margin: 0 0 5px;
}
.posts > li .post_info,
.blog_box .date{
    color: #999;
    font-weight: 100;
    margin: 0 0 20px;
}
.posts > li .annotation,
.page_block .txt{
    font-weight: 100;
    line-height: 1.3;
}
.posts > li .more{
    display: inline-block;
    border-bottom: #312a22 1px solid;
    font-size: 15px;
    font-weight: 100;
    padding: 0 0 3px;
}

.page_block .txt .long_read{
    text-align: justify;
}


.long_read > div{
    margin-bottom: 50px;
}
.img img {
    width: 100%;
}
.anchors_in_post.txt{
    margin-bottom: 0;
}
.page_block .anchors_in_post > ul{
    display: block;
    background: #F0F0F7;
    border-radius: 30px;
    list-style: none;
    padding: 20px 15px 10px 30px;
    margin: 0;
}
.page_block .anchors_in_post ul{
    margin-bottom: 0;
}
.page_block .anchors_in_post ul li{
    margin-bottom: 10px;
}
.anchor_bl{
    position: relative;
    top: -70px;
}

.txt a{
    color: #000;
    border-bottom: 1px solid #ccc; 
}
.txt a:hover{
    border-color: #222;
}

.post_table{
    width: 100%;
    overflow-x: auto; 
    margin: 15px 0 25px;
}
.post_table table{
    margin: 0 auto 15px;
    border: none; 
}
.post_table th,
.post_table td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 100;
    text-align: left;
}
.post_table td:first-child{
    font-weight: 700;
}
.post_table th{
    background: #f0f0f0;
    font-size: 16px;
    font-weight: 700;
}

.vertical_top th,
.vertical_top td{
    vertical-align: top;
}
.e-con-full, .e-con>.e-con-inner{
    padding-block-start: 0!important;
    padding-block-end:  0!important;
}
.e-con{
    padding-inline-start: 0!important;
    padding-inline-end: 0!important;
}
.pagination_block{
    font-size: 20px;
    text-align: center;
    clear: both;
    margin: 10px 0 50px;
}
.pagination_block span.num {
    background: #C5D3E5;
}
.prev-btn{
    transform: rotate(180deg);
}
.pagination_block a:hover{
    background: rgba(0,0,0,.1);
}
.pagination_block span, 
.pagination_block a{
    display: flex;
    color: #444;
    line-height: 38px;
    height: 34px;
    margin: 0 2px;
    justify-content: center;
    align-items: center;
}
.pagination_block .nav-links{
    display: flex;
    justify-content: center;
}
.pagination_block .page-numbers{
    background: rgba(0,0,0,.08);
    border-radius: 30px;
    font-size: 16px;
    text-align: center;
    min-width: 34px;
}
.pagination_block span.page-numbers {
    background: #C5D3E5;
}
.blog_box{
    clear: both;
}

.blog_box .image_block{
    float: left;
    max-width: 100%;
    width: 100%;
    padding: 0 20px 20px 0;
}
.blog_box .image_block img,
.blog_box .image_bx img{
    display: block;
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
}
.blog_box .image_bx{
    float: left;
    width: 100%;
    padding: 0 20px 20px 0;
}
.blog_box .image_bx img{
    margin: 0 auto;
}
.blog_box .image_bx .w1000px{
    width: 1000px;
}
.blog_box .image_bx .w800px{
    width: 800px;
}
.page_block h2,
.page_block .h2{
    font-size: 22px;
    margin: 20px 0 10px;
}
.page_block h3,
.page_block .h3{
    font-size: 20px;
    margin: 20px 0 10px;
}
.page_block h4,
.page_block .h4{
    font-size: 18px;
    margin: 20px 0 10px;
}
.page_block ol{
    display: table;
    list-style-type: decimal;
    padding: 0 0 15px 20px;
    margin: 0;
}
.page_block ol li{
    list-style-type: decimal;
}
.page_block ul{
    display: table;
    list-style-type: disc;
    padding: 0 0 15px 20px;
    margin: 0;
}
.page_block ul li{
    list-style-type: disc;
}
.page_block hr{
    border: none;
    border-bottom: #ccc 1px solid;
    margin: 30px 0;
}
.page_block .txt{
    margin: 0 0 70px;
}
.page_block .contact_and_info{
    margin: 30px 0 0;
}
.page_block .contact_and_info > .item{
    width: calc(50% - 20px);
    margin: 0 40px 0 0;
}
.page_block .contact_and_info > .item:nth-child(2n){
    margin-right: 0;
}
.page_block .contact_and_info .info_title{
    font-size: 18px;
    margin: 0 0 15px;
}
.contact_and_info > .item > div {
    margin-bottom: 35px;
}
.show_founder {
    display: inline-block;
    cursor: pointer;
}
.founder.hide{
    display: none;
}

.toggle_txt_bx .txt{
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 0 0 25px;
}
.toggle_txt_bx .txt:after{
    content: '';
    background: linear-gradient(to top, #e9eef4, rgba(233, 238, 244, 0));
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
}
.toggle_txt_bx .button2{
    display: table;
    margin: 0 auto 20px;
}
.toggle_txt_bx .toggle_txt:checked ~ .txt{
    height: auto;
}
.toggle_txt_bx .toggle_txt:checked ~ .txt:after{
    display: none;
}
.toggle_txt_bx .toggle_txt:checked ~ .more_txt{
    display: none;
}

.pg_page_404{
    background: #e9eef4;
}
.p404_block{
    background: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 20px 20px 70px;
    margin-bottom: 30px;
}
.p404_block img{
    width: 400px;
    max-width: 100%;
}
.p404_block h1{
    color: #273d53;
    font-size: 30px;
    padding: 0;
    margin-bottom: 30px;
}
.p404_block h1:before{
    display: none;
}

.page_block .image.doc1 img{
    border: #ddd 1px solid; 
    width: 600px;
    max-width: 100%;
}

.docs_certs_page .post_table table{
    min-width: 100%;
}
.docs_certs_page .post_table table td,
.docs_certs_page .post_table th{
    font-size: 14px;
    padding: 8px 10px;
}
.docs_certs_page .post_table td:first-child{
    font-weight: 100;
}

.contacts_items{
    margin: 0 0 40px;
}
.contacts_items .item{
    background: #fff;
    border-radius: 50px;
    position: relative;
    width: calc(50% - 10px);
    overflow: hidden;
    margin: 0 20px 20px 0;
}
.contacts_items .item:nth-child(2n){
    margin-right: 0;
}
.contacts_items .item .cont{
    padding: 35px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.flex {
    display: flex;
}
.h-max {
    height: -moz-max-content;
    height: max-content;
}
.w-full {
    width: 100%;
}
.justify-between {
    justify-content: space-between;
}
.max-w-\[1295px\] {
    max-width: 1520px;
}
.map_wrapper{
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}
.map_wrapper.ch .map_block{
    position: relative;
}
.map_wrapper.ch .map_block:nth-child(1){
    width: 100%;
}
.map_wrapper.ch .map_block:nth-child(2){
    width: calc(30% - 10px);
}
.contacts_items .item .map_block{
    position: relative;
    height: 300px;
}
.contacts_items .item .map{
    top: 0;
    height: 100%;
}
.contacts_block.contacts_items .schedule{
    margin-left: 30px;
}

.mob_sidebar_bg{
    background: rgba(0,0,0,.5);
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    z-index: 25;
}
.mob_sidebar{
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -280px;
    width: 280px;
    transition: .4s ease-out;
    z-index: 26;
}

#mob_sidebar{
    display: none;
}
#mob_sidebar:checked ~ .mob_sidebar_bg{
    left: 0;
    opacity: 1;
}
#mob_sidebar:checked ~ .mob_sidebar{
    left: 0;
}
#mob_sidebar:checked ~ .mob_sidebar > .wrapper{
    left: 0;
}

.mob_sidebar > .wrapper{
    position: relative;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: .4s ease-out .2s;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px 25px;
}
.mob_sidebar .box{
    clear: both;
    margin: 0 0 50px;
}
.mob_sidebar .box:last-child{
    margin-bottom: 20px;
}
.mob_sidebar .logo{
    font-size: 35px;
    position: relative;
    float: left;
    margin: 10px 0 40px;
    width: 100%;
}
.mob_sidebar .logo img{
    max-width: 100%;
}

.mob_sidebar .sel_theme_bx{
    margin: -10px -10px 0 0;
}
.mob_sidebar .title{
    color: #999;
    font-size: 14px;
    margin: 0 0 18px;
}

.mob_sidebar .menu li{
    display: block;
    margin: 0 0 20px;
}
.mob_sidebar .menu li a{
    color: #000;
    font-weight: 900;
    letter-spacing: .05em;
}
.mob_sidebar .menu li a.selected{
    color: #312a22;
}
.mob_sidebar .menu li a span{
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}
.mob_sidebar .languages li{
    color: #555;
    font-size: 14px;
    margin: 0 0 12px;
}
.mob_sidebar .button{
    font-size: 14px;
    width: 100%;
    padding: 12px 16px 10px;
}



.clear{
    clear: both;
}
.hide{
    display: none;
}

body.dark{
    background: #1a1a1a;
}
body.dark .top_bg_block .c_1 .bg{
    background: linear-gradient(130deg, #312a22 50%, #fda404);
}
body.dark .toggle_bx{
    background: rgba(0,0,0,.3);
}
body.dark .toggle_bx,
body.dark .toggle_bx a{
    color: rgba(255,255,255,.9);
}
body.dark .toggle_bx .item.selected{
    background: #333;
}

body.dark.scrolled .header{
    border-bottom-color: #222;
}
body.dark.scrolled .header .logo:before{
    background: none;
    color: #fff;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
}
body.dark.scrolled .header .logo:after{
    color: #ccc;
}
body.dark.scrolled .header .phones_block > .phone_block .phone{
    color: #fff;
}
body.dark.scrolled .header .menu > li > a, 
body.dark.scrolled .header .menu > li > span{
    color: #fff;
}

body.dark a{
    color: #fff;
}
body.dark .title_s2{
    color: #fff;
}
body.dark .title_s2 span{
    color: #fda404;
}


body.dark .calculator,
body.dark .inform_blocks > .item,
body.dark .car_requirements,
body.dark .cars .car > .wrapper,
body.dark .cars .car .features .item > *,
body.dark .comments.grids .comment,
body.dark .comments .comment,
body.dark .loyalty_bx .form_bx,
body.dark .faq_form_block,
body.dark .contacts_block .contacts,
body.dark .page_block .anchors_in_post > ul,
body.dark .contacts_items .item,
body.dark .fancybox__content{
    background: #2b2b2b;
}


body.dark .calculator,
body.dark .calculator .range_block .lbl_block{
    color: #eee;
}
body.dark .calculator .calc_title,
body.dark .calculator .result_uah{
    color: #fff;
}
body.dark .calculator .range_block .inp_block input,
body.dark .calculator .rb_block .radio_block,
body.dark .calculator .user_info input,
body.dark .calculator .user_info input[type="text"], 
body.dark .calculator .user_info input[type="tel"],
body.dark .form_block input,
body.dark .form_block input[type="text"], 
body.dark .form_block input[type="number"], 
body.dark .form_block input[type="email"],
body.dark .form_block input[type="tel"], 
body.dark .form_block textarea{
    background: #3f3f40;
    color: #fff;
}
body.dark input[type=range]::-webkit-slider-runnable-track,
body.dark input[type=range]::-moz-range-track{
    background: #3f3f40;
    color: #fff;
}
body.dark .calculator .rb_block .radio_block label{
    color: #E8E5EE;
}
body.dark .calculator .rb_block .radio_block label:hover{
    color: #fff;
}
body.dark .calculator .result_block{
    background: linear-gradient(110deg, #5A576F 40%, #39383C);
}
body.dark .calculator .calc_title span,
body.dark .calculator .result_block .main_result{
    color: #fec214;
}
body.dark .calculator .privacy_block .cont, 
body.dark .md_form .privacy_block .cont,
body.dark .calculator_block .note{
    color: #eee;
}
body.dark .inform_blocks > .item .title,
body.dark .steps2_block .step .title_bx .title,
body.dark .car_requirements .title,
body.dark .cars .car .title,
body.dark .cars .car .features .item > :last-child,
body.dark .comments .comment,
body.dark .add_comment_bx .title,
body.dark .button2.v2,
body.dark .form_block .title,
body.dark .faq_list > div .f_title,
body.dark .cars_block .top_cars_block .cont_bx .txt p{
    color: #fff;
}
body.dark .inform_blocks > .item .txt p,
body.dark .repayment_bx .txt p,
body.dark .cars .car > .cont p > :first-child,
body.dark .faq_list > div .cont,
body.dark .contacts_block .contacts .cont, 
body.dark .contacts_items > .item .cont,
body.dark .contacts_block a{
    color: #eee;
}
body.dark .page_block .txt,
body.dark .steps2_block .step .txt,
body.dark .car_requirements ul li,
body.dark .cars .car .features .item > :first-child,
body.dark .posts > li .annotation, 
body.dark .page_block .txt,
body.dark .author_block .a_title{
    color: #aaa;
}
body.dark .steps2_block .step .n{
    background: #1a1a1a;
    color: #fff;
}
body.dark .inform_blocks > .item i{
    color: #fda404;
}

body.dark .button2{
    background: #444;
    color: #fff;
}
body.dark .button2:hover{
    background: #4a4a4a;
}
body.dark .button2.v2{
    background: none;
}
body.dark .button2.v2:hover{
    background: #fec214;
}

body.dark button.ppl, 
body.dark .button.ppl, 
body.dark .button2.ppl {
    background: #312a22;
    color: #fff;
}
body.dark button.ppl:hover, 
body.dark .button.ppl:hover, 
body.dark .button2.ppl:hover {
    background: #312a22;
}

body.dark .repayment_block:before{
    background-image: linear-gradient(-45deg, rgba(0,0,0,0) calc(50% - 0.5px), #504B7D calc(50% - 0.5px), rgba(0,0,0,0) calc(50% + 0.5px));
}
body.dark .repayment_block .c_bx:after,
body.dark .cars_block > .wrapper .bg_bx{
    background: linear-gradient(#99D2DF, #33B7D7);
}
body.dark .cars_block .top_cars_block .cont_bx .txt p .str{
    color: #a79dfb;
}
body.dark .cars .car{
    background: #44424d;
}
body.dark .cars .car > .cont p > :last-child{
    color: #fec214;
}
body.dark .consultation_block{
    background: linear-gradient(to right, #312a22, #fda404);
}
body.dark .consultation_block input[type=text],
body.dark .consultation_block input[type=tel]{
    background: rgba(0,0,0,.3);
    color: #fff;
}
body.dark .bg1,
body.dark .loyalty_block{
    background: #151515;
}
body.dark .faq_block > * > .wrapper{
    background: #44424d;
}
body.dark .loyalty_bx .cont_bx:before{
    background: linear-gradient(to right bottom, #312a22, #fda404);
}
body.dark .faq_list > div{
    border-top-color: #5A5768;
}
body.dark .faq_block .cont_wrap .button2{
    background: #2b2b2b;
}
body.dark .contacts_block .contacts .cont i, 
body.dark .contacts_items > .item .cont i{
    color: #fec214;
}
body.dark .contacts_block .m_form_block,
body.dark .contacts_block .m_form_block button{
    background: #44424d;
}
body.dark .contacts_block .m_form_block button:hover{
    background: #504d5b;
}
body.dark .contacts_block .m_form_block form,
body.dark .contacts_block .m_form_block input{
    background: #302f37;
}
body.dark .contacts_block .m_form_block .inp_block.b1:before{
    background: #57595b;
}
body.dark .footer{
    background: linear-gradient(to right bottom, #312a22, #fda404);
}
body.dark .header .menu > li > ul,
body.dark .header .phones_block > .wrapper,
body.dark .header .address_block .cities_block .cities{
    background: #44424d;
}
body.dark .header .menu > li.parent:hover:after,
body.dark .header .address_block .cities_block:hover:after{
    border-bottom-color: #44424d;
}
body.dark .header .menu > li > ul > li > a{
    color: #fff;
}
body.dark .header .menu > li > ul > li > a:hover,
body.dark .header .address_block .cities_block .cities a:hover{
    background: #3B3944;
}
body.dark .header .open_sidebar{
    color: #000;
}
body.dark .mob_sidebar{
    background: #333;
}
body.dark .mob_sidebar .logo:before{
    background: -webkit-linear-gradient(to right, #5CD1FD, #fda404 14%, #312a22 14%, #312a22 50%, #eee 50%);
    background: linear-gradient(to right, #5CD1FD, #fda404 14%, #312a22 14%, #312a22 50%, #eee 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}
body.dark .mob_sidebar .menu li a{
    color: #fff;
}
body.dark .mob_sidebar .languages li{
    color: #fff;
}
body.dark .path > div a,
body.dark .path > div{
    color: #aaa;
}
body.dark .path a:after, 
body.dark .path .a:after{
    border-top-color: #999;
    border-right-color: #999;
}
body.dark .page_block h1{
    color: #fff;
}
body.dark .posts > li{
    border-bottom-color: #373737;
}
body.dark .author_block{
    background: #44424d;
}
body.dark .contacts_block .contacts{
    border-color: #151515;
}

@media (max-width: 1000px){
    body.dark .header{
     
        border-bottom-color: #222;
    }
    body.dark .header .logo::before {
        background: none;
        background-clip: border-box;
        color: #fff;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: #fff;
    }
    body.dark .header .logo:after{
        color: #ccc;
    }
}
@media (max-width: 700px){
    body.dark .posts > li h3 a,
    body.dark .posts > li .annotation, 
    body.dark .page_block .txt{
        color: #fff;
    }
    body.dark .posts > li .more{
        border-bottom-color: #312a22;
    }
    .top_block .txt_title{
        font-size:32px;
    }
}

#bingc-phone-button{
    right: 30px !important;
    bottom: 5px !important;
}
body .b24-widget-button-position-bottom-right{
    right: 150px;
    bottom: 20px;
}


body #bingc-active{
    background: rgba(109,64,190,.96) !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button{
    background: #fec214 !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:hover{
    background: #F6C14B !important;
    color: #000 !important;
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside{
    fill: #fec214 !important;
}
body #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside{
    fill: #F6C14B !important;
}
body #bingc-phone-button div.bingc-phone-button-icon-text span{
    color: #1F1F1F !important;
}
body #bingc-phone-button svg.bingc-phone-button-icon-icon path{
    fill: #1F1F1F !important;
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-outside{
    fill: #000;
    fill-opacity: .05;
}
body #bingc-passive div.bingc-passive-overlay{
    background: #7448bb !important;
    border-radius: 20px;
    box-shadow: 0 3px 35px rgba(0,0,0,.31);
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button{
    background: #fec214 !important;
    color: #000 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:hover{
    background: #F6C14B !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip{
    background: #F6C14B !important;
    color: #1F1F1F !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline{
    fill: #F6C14B !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour, 
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes{
    background: #fec214 !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover, 
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover{
    background: #F6C14B !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li{
    color: #666 !important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover{
    background: #F6C14B !important;
}


body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour, 
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour:hover, 
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes:hover,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you.bingc-offline-form div.bingc-active-date-selection-select-day:hover{
    background: #5932a7 !important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour div.bingc-active-date-selection-select-hour-list-of-hours-container ul.bingc-active-date-selection-select-hour-list-of-hours li,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes div.bingc-active-date-selection-select-minutes-list-of-minutes-container ul.bingc-active-date-selection-select-minutes-list-of-minutes li,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you.bingc-offline-form div.bingc-active-date-selection-select-day div.bingc-active-date-selection-select-day-list-of-days-container ul.bingc-active-date-selection-select-day-list-of-days li{
    color: #666 !important;
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour div.bingc-active-date-selection-select-hour-list-of-hours-container ul.bingc-active-date-selection-select-hour-list-of-hours li:hover,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes div.bingc-active-date-selection-select-minutes-list-of-minutes-container ul.bingc-active-date-selection-select-minutes-list-of-minutes li:hover,
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you.bingc-offline-form div.bingc-active-date-selection-select-day div.bingc-active-date-selection-select-day-list-of-days-container ul.bingc-active-date-selection-select-day-list-of-days li:hover{
    background: #c5d3e4 !important;
}


@media (max-width: 1500px){
    .comments{
        max-width: 100%;
    }
}
@media (max-width: 1330px){
    .top_block > .wrapper > .cont .title1{
        font-size: 40px;
    }
    .top_block > .wrapper > .cont .title2{
        margin-top: 70px;
    }
    .header .phones_block{
        margin-right: 15px;
    }
    .header .phone_block{
        font-size: 17px;
    }

}
@media (max-width: 1320px){
    .steps_block > .wrapper{
        padding: 0 35px;
    }
    .steps_block .steps .step{
        padding: 40px 20px;
    }
}
@media (max-width: 1260px){
    .inform_blocks > .item{
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }
    .inform_blocks:not(.ch_3) > .item:nth-child(2n){
        margin-right: 0;
    }
}
@media (max-width: 1250px){
    .header .menu{
        font-size: 14px;
        margin: 23px 0 0 25px;
    }
    .header .phones_block{
        margin-top: 9px;
    }
    .header .phone_block{
        font-size: 18px;
    }
    .header .phone_block i{
        font-size: 17px;
    }
    .header .phones_block .more_phones{
        font-size: 8px;
        width: 16px;
        height: 16px;
        margin-left: 8px;
    }
    .header .phones_block .more_phones i{
        margin-top: 5px;
    }
    .header .to_order{
        font-size: 14px;
        padding: 10px 16px 7px;
        margin: 12px 0px 0 10px;
    }
    .top_block > .wrapper{
        margin-top: 100px;
    }
    .top_block > .wrapper > .cont{
        padding-left: 30px;
    }
    .top_block > .wrapper > .cont .title{
        font-size: 50px;
        margin-top: 50px;
    }
    .calculator{
        padding-top: 40px;
    }
    .calculator .bx,
    .calculator .bx.range_block,
    .calculator .result_block{
        padding-left: 40px;
        padding-right: 40px;
    }
    .steps_block .steps .step{
        width: calc(100% / 3 - 80px / 3);
        padding: 34px 10px;
        margin: 0 40px 0 0;
    }
    .steps_block .steps .step::before,
    .steps_block .steps .step::after{
        left: calc(100% + 35px);
        height: 42%;
    }
    .steps_block .steps .step i{
        font-size: 64px;
        line-height: 64px;
    }
    .steps_block .steps .step:nth-child(2) i{
        font-size: 73px;
    }
    .steps_block .steps .step p{
        font-size: 18px;
        margin: 0 0 0 20px;
    }
    .steps_block .steps.ch5 .step{
        padding: 30px 0;
    }
    .steps_block .steps.ch5 .step .md{
        font-size: 14px;
    }
    .faq_block{
        padding: 40px 30px;
    }
    .faq_form_block{
        right: -180px;
        width: 330px;
        padding: 35px 30px 30px;
    }
    .faq_block > * > .wrapper{
        padding-left: 30px;
        padding-right: 30px;
    }
    .faq{
        padding-right: 180px;
    }
    .contacts_block .contacts{
        width: 310px;
        margin: 30px;
    }
    .contacts_block .contacts > .wrapper{
        padding: 25px;
    }
    .contacts_block .m_form_block{
        padding: 20px 20px 25px;
    }
    .contacts_block .m_form_block .title{
        margin-left: 7px;
    }
    .contacts_block .phones_schedule{
        flex-wrap: wrap;
    }
    .contacts_block .phones_schedule > *{
        width: 100%;
    }
    .contacts_block .schedule{
        padding: 10px 0 0 3px;
    }

    .contacts_items .phones_schedule > *{
        width: auto;
    }
    .contacts_items .schedule{
        padding: 0;
    }
}
@media (max-width: 1150px){
    .header .phones_block.languages_block{
        display: none;
    }
    .top_block > .wrapper > .calculator_block{
        width: 50%;
    }
    .top_block > .wrapper > .cont{
        padding: 0 30px 0 10px;
        margin: 0;
    }
    .consultation_block > .wrapper{
        padding: 0 0 0 40px;
    }
    .consultation_block > .wrapper > .cont{
        padding: 50px 320px 40px 0;
    }
    .sel_theme_bx{
        margin-right: 0;
    }
    .header .logo{
        font-size: 33px;
    }
    body.scrolled .header .menu{
        margin-top: 21px;
    }
    .header .menu > li > a, 
    .header .menu > li > span{
        font-size: 13px;
    }
    .header .address_block .cont > .title,
    .header .address_block .cont > a{
        font-size: 12px;
    }
    .header .address_block .cities_block .title{
        font-size: 11px;
    }
    .languages_bx{
        margin-left: 35px;
    }
    .header .menu > li > ul > li > a,
    .header .address_block .cities_block .cities a{
        font-size: 13px;
    }
}
@media screen and (max-height: 780px), screen and (max-width: 1260px){

    .calculator .range_block .lbl_block{
        padding-right: 5px;
    }
@media (max-width: 1200px){
    .header{
        padding: 0 10px;
    }
    .faq_list > div .f_title{
        font-size: 22px;
        padding-top: 23px;
        padding-bottom: 18px;
    }
    .faq_list > div .cont{
        padding-top: 0;
    }
    .calculator .rb_block .radio_block .f_title{
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1000px){
    .header .phones_block,
    .header .to_order,
    body.scrolled .header .to_order,
    .header .menu,
    .header .address_block,
    .header .sel_theme_bx,
    .header .languages_bx,
    .header .to_phones,
    .faq_form_block{
        display: none;
    }
   
    .header .open_sidebar{
        display: block;
    }
    .header{    
        position: fixed;
    }
    .header .logo{
        margin: 0;
    }

    .header.fixed{
        background: #fff;
        border-bottom: #ccc 1px solid;
    }

    .top_bg_block .c_1 .c{
        right: 50%;
        width: 420%;
        transform: translate(50%, -20%);
    }

    .button{
        padding: 16px 36px 14px;
    }
    .top_block > .wrapper{
        justify-content: center;
    }
    .top_block > .wrapper > .cont,
    .top_block > .wrapper > .calculator_block{
        width: 100%;
    }
    .top_block > .wrapper > .cont{
        max-width: 550px;
        padding: 0 0 80px;
    }
    .top_block > .wrapper > .cont ul{
        margin-bottom: 40px;
    }
    .top_block > .wrapper > .cont .title{
        font-size: 40px;
        margin: 20px 0 30px;
    }
    .top_block > .wrapper > .cont ul li{
        font-size: 21px;
        min-height: 28px;
        padding: 5px 0 5px 48px;
        margin: 0 0 15px;
    }
    .top_block > .wrapper > .cont ul li:before{
        width: 28px;
        height: 28px;
    }
    .inform_block{
        padding: 170px 0 20px;
    }
    .inform_blocks > .item{
        padding: 25px;
    }
   
    .steps_block > .wrapper{
        padding: 0 25px;
        max-width: calc(100% - 30px);
    }
    .steps_block .title{
        font-size: 32px;
        padding: 40px 0 30px;
    }
    .steps_block .steps .step{
        padding: 34px 0px;
    }
    .comments .slick-track, 
    .comments .slick-list{
        display: block;
    }
    .faq_block{
        padding-left: 15px;
        padding-right: 15px;
    }
    .faq_block .cont_wrap .button2.to_make_faq{
        display: table;
    }
    #make_faq{      
        right: 0;
        width: auto;
        padding: 36px;
    }
    .faq_form_block .form_block input[type="text"], 
    .faq_form_block .form_block input[type="number"], 
    .faq_form_block .form_block input[type="email"], 
    .faq_form_block .form_block input[type="tel"], 
    .faq_form_block .form_block textarea{
        background: #F2F2F7;
    }
    
    .faq_block > * > .wrapper{
        border-radius: 50px;
        width: 100%;
    }
    .faq{
        padding: 0;
    }
    .faq_block .cont_wrap{
        padding-left: 0;
    }
    .consultation_block > .wrapper{
        max-width: calc(100% - 30px);
        padding: 0 0 0 30px;
    }
    .consultation_block .title{
        font-size: 32px;
    }
    .consultation_block > .wrapper > .cont{
        padding: 40px 270px 30px 0;
    }
    .consultation_block .image{
        right: -15px;
        height: 336px;
    }
    .consultation_block .inp_block{
        margin-right: 10px;
    }
    .consultation_block .button.mid{
        font-size: 16px;
        padding: 14px 20px 11px;
    }
    .consultation_block .description{
        margin: 0 0 30px;
    }
    .consultation_block .privacy_block {
        margin: 20px 0 0 10px;
    }
    .contacts_block .contacts{
        margin: 20px 15px;
    }
    .page_block .contact_and_info > .item{
        width: 100%;
        margin: 0;
    }
    .posts > li .preview{
        padding-left: 30px;
    }
    .comments .comment{
        width: calc(100% - 20px);
    }
    .contacts_items .item{
        width: 100%;
        margin-right: 0;
    }
    .steps2_block > .wrapper{
        width: 500px;
    }
    .steps2_block .title_bx_block, 
    .steps2_block .steps_bx{
        width: 100%;;
        margin: 0;
    }
    .steps2_block .title_bx .title{
        font-size: 30px;
    }
    .cars .car{
        width: calc(100% / 3 - 20px);
        margin-right: 30px;
    }
    .cars .car > .wrapper > .cont{
        padding: 25px;
    }
    .cars .car > .cont{
        padding: 20px 25px 20px;
    }

    .comments2_block > .wrapper{
        position: relative;
        padding-bottom: 50px;
    }
    .comments2_block .title_block,
    .comments2_block .comments_bx{
        width: 100%;
    }
    .comments2_block .title_block{
        padding: 0;
    }
    .comments2_block .add_comment_bx{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .consultation_block .title{
        margin-left: -5px;
    }
    .faq_block > .inblock > .title{
        margin-left: 0;
    }
}
@media (max-width: 900px){
    .steps_block .steps{
        border: none;
        justify-content: center;
        padding: 0;
    }
    .steps_block .steps .step{
        background: #00b8a0;
        border-radius: 10px;
        justify-content: start;
        width: 500px;
        max-width: 100%;
        padding: 27px 50px;
        margin: 0 0 40px;
    }
    .steps_block .steps:not(.ch5) .step:nth-child(3n),
    .steps_block .steps.ch5 .step:last-child{
        margin: 0;
    }
    .steps_block .steps.ch5 .step{
        text-align: center;
        width: 500px;
        max-width: 100%;
    }
    .steps_block .steps.ch5 .step .md{
        font-size: 16px;
        width: 100%;
        padding: 0 10px;
        margin: 0;
    }

    .steps_block .steps .step:before, 
    .steps_block .steps .step:after{
        display: none;
    }
    .steps_block .steps .step:before{
        display: block;
        content: '\e919';
        background: transparent;
        color: #fff;
        font-family: 'main';
        font-size: 20px;
        left: 50%;
        top: calc(100% + 10px);
        width: 30px;
        height: 30px;
        transform: translateX(-50%);
    }
    .steps_block .steps .step i{
        text-align: center;
        width: 74px;
    }
    .steps_block .button{
        margin-left: auto;
        margin-right: auto;
    }
    .inform_blocks.ch_2 > .item{
        width: 100%;
        margin-right: 0;
    }
    .repayment_bx{
        padding: 50px 0;
    }
    .repayment_bx .cont_bx {
        width: calc(100% - 200px);
        padding-left: 0;
        padding-right: 50px;
    }
    .repayment_bx .img_bx{
        width: 200px;
    }
    .cars_block .top_cars_block .img_bx{
        width: 25%;
    }
    .cars_block .top_cars_block .cont_bx{
        width: 75%;
    }
    .cars_block .top_cars_block .img_bx .img {
        right: -46%;
        width: 260%;
        padding: 0 0 174%;
    }
    .inform_blocks.ch_3 > .item{
        width: calc(50% - 10px);
    }
    .inform_blocks.ch_3 > .item:nth-child(2n){
        margin-right: 0;
    }
}

@media (max-width: 860px){
    .inform_blocks:not(.ch_3) > .item{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 30px;
        margin: 0 0 15px;
    }
    .inform_blocks > .item i{
        margin-right: 20px;
    }
    .inform_blocks > .item .title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 90px);
    }
    .inform_blocks > .item ul{
        width: 100%;
    }
    .cars_block{
        padding-bottom: 60px;
    }
    .cars_block > .wrapper{
        max-width: 100%;
    }
    .cars_block .top_cars_block .cont_bx{
        padding-right: 30px;
    }
    .cars{
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        scroll-snap-type: x proximity;
        scroll-padding: 20px;
        white-space: nowrap;
        padding: 0 0 15px;
        margin: 60px 0 0;
        
    }
    .cars .car{
        display: inline-block;
        width: 290px;
        scroll-snap-align: start;
    }
    .cars .car,
    .cars .car:nth-child(3n){
        margin-right: 20px!important;
    }
    .cars .car:first-child{
        margin-left: 20px;
    }
    .cars .car .img img{
        height: 200px;
        object-fit: contain;
    }
    .product-imgs{
        margin-bottom: 2rem;
    }
}
@media (max-width: 800px){
    .inform_blocks.ch_3 > .item{
        width: 100%;
        margin-right: 0;
    }
    .faq_block{
        padding: 40px 15px 0;
    }
    .consultation_block > .wrapper{
        margin: 70px auto 30px;
    }
    
    .consultation_block > .wrapper > .cont{
        padding: 30px 210px 20px 0;
    }
    .consultation_block .description{
        font-size: 15px;
    }
    .consultation_block form > .fx:first-child{
        flex-wrap: wrap;
    }
    .consultation_block .inp_block{
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }
    .consultation_block .privacy_block{
        margin-bottom: 0;
    }
    .consultation_block .image{
        right: 0;
        width: 220px;
        object-fit: cover;
        object-position: 0 0;
    }
    .contacts_block > .wrapper{
        display: flex;
        flex-direction: column-reverse;
    }
    .contacts_block .map_block{
        position: relative;
        height: 400px;
        width: 100%;
    }
    .contacts_block .map_wrapper{
        position: relative;
        height: auto;
    }
    .map_wrapper{
        flex-wrap: wrap;
    }
    .map_wrapper.ch .map_block:nth-child(1),
    .map_wrapper.ch .map_block:nth-child(2){
        width: 100%;
    }
    .map{
        top: 0;
        height: 100%;
    }
    .contacts_block .contacts{
        background: #fff;
        border-top: #f0f0f7 30px solid;
        border-radius: 0;
        width: 100%;
        box-shadow: none;
        margin: 0;
    }
    .contacts_block .m_form_block{
        border-radius: 0;
    }
    .contacts_block .contacts > .wrapper .title{
        margin: 10px 0 35px;
    }
    .contacts_block .phones_schedule{
        width: 350px;
        max-width: 100%;
    }
    .contacts_block .phones_schedule > *{
        width: auto;
    }
    .contacts_block .schedule{
        padding-top: 1px;
    }
    .contacts_block .m_form_block form{
        width: 500px;
        max-width: 100%;
    }
    .blog_box .image_block{
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding: 0 0 20px;
    }
    .author_img_bx{
        width: 300px;
    }
    .author_cont{
        width: calc(100% - 300px);
    }
    .cars_block{
        padding-top: 40px;
    }
    .cars_block .top_cars_block .img_bx,
    .cars_block .top_cars_block .cont_bx{
        width: 100%;
    }
    .cars_block .top_cars_block .img_bx .img{
        position: relative;
        right: -7%;
        width: 86%;
        padding: 0 0 60%;
        margin-bottom: 20px;
    }
    .cars_block .top_cars_block .img_bx img{
        left: 0;
    }
    .cars_block .top_cars_block .cont_bx{
        padding-left: 30px;
    }
    .cars_block > .wrapper .bg_bx{
        transform: translate(-66%, -6%);
    }
    .cars_block .top_cars_block .cont_bx > .title{
        left: -5px;
    }

    .loyalty_block{
        padding-top: 70px;
    }
    .loyalty_bx{
        border-radius: 50px;
        box-shadow: 0 3px 50px rgba(0,0,0,.16);
    }
    .loyalty_bx .cont_bx,
    .loyalty_bx .cont_bx:before,
    .loyalty_bx .form_bx{
        width: 100%;
    }
    .loyalty_bx .form_bx{
        top: 0;
    }
    .loyalty_bx .cont_bx,
    .loyalty_bx .form_bx{
        padding: 40px 30px;
    }
    .loyalty_bx .cont_bx:before{
        border-radius: 50px 50px 0 0;
    }
    .loyalty_bx .form_bx{
        border-radius: 0 0 50px 50px;
        box-shadow: none;
    }

}

@media (max-width: 700px){
    .faq_block > * > .wrapper{
        padding: 30px 15px;
    }
    .top_block .img1_bx img{
        width: 90%;
    }
    .features{
        white-space: pre-wrap;
    }
    .calculator .result_uah{
        font-size: 12px;
    }
    .cars .car .title{
        margin: 0;
    }
    .title_s1{
        font-size: 28px;
    }
    .title_s1:before{
        width: 110px;
        height: 8px;
    }
    .faq_list > div .f_title{
        font-size: 20px;
    }
    .faq_list > div .f_title:before{
        top: 11px;
    }
    .page_block ul li{
        border: 0;
        position: relative;
        min-height: auto;
        padding: 0;
        margin: 0 0 20px;
    }
    .posts > li .image{
        border-radius: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .posts > li .image img{
        transition: .3s;
    }
    .posts > li .image:after{
        content: '';
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .7;
    }
    .posts > li:hover .image img{
        filter: blur(10px);
    }
    .posts > li .preview{
        color: #fff;
        position: relative;
        width: 100%;
        padding: 40px 30px;
    }
    .posts > li h3 a{
        color: #FCE586;
    }
    .posts > li .post_info{
        color: rgba(255,255,255,.7);
    }
    .posts > li .more{
        border-bottom: #FCE586 1px solid;
        color: #fff;
    }
    .footer .nav_block{
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .footer .nav_block .item{
        width: calc(50% - 15px);
        margin-bottom: 50px;
    }
    .footer .nav_block .item:nth-child(2n){
        margin-right: 0;
    }
    #bingc-phone-button{
        right: 0 !important;
        bottom: 0 !important;
    }
    body .b24-widget-button-position-bottom-right{
        right: 13px;
        bottom: 85px;
    }

    .author_img_bx{
        width: 100%;
    }
    .author_cont{
        width: 100%;
        padding-right: 0;
        padding-top: 30px;
    }
    .author_img_bx .img{
        padding: 0 0 100%;
    }

}
@media (max-width: 620px){
    .repayment_block .c_bx{
        display: none;
    }
    .top_block:before{
        background-image: url(../images/model_3.2.jpg);
    }
    .top_block > .wrapper{
        margin-bottom: -180px;
    }
    .top_block > .wrapper > .cont{
        padding: 0 20px 70px;
    }
    .inform_block{
        padding-top: 230px;
    }
    .inform_block.advantages_block{
        padding-top: 100px;
    }

    .steps_block .title{
        font-size: 28px;
    }
    .comments_block{
        padding-right: 30px;
        padding-left: 30px;
    }
    .slick-dots li{
        margin: 0;
    }
    .slick-dots li button::before{
        width: 10px;
        height: 10px;
    }
    .slick-prev, 
    .slick-next{
        width: 20px;
        height: 20px;
    }
    .slick-prev::before, 
    .slick-next::before{
        font-size: 20px;
    }
    .slick-prev{
        left: -20px;
    }
    .slick-next{
        right: -20px;
    }
    .consultation_block > .wrapper{
        border-radius: 0;
        max-width: 100%;
    }
    .consultation_block .image{
        width: 170px;
        height: 390px;
    }
    .consultation_block > .wrapper > .cont{
        padding-right: 140px;
    }
    .consultation_block .inp_block{
        width: 100%;
        padding-right: 20px;
        margin: 0 0 15px;
    }
    .footer .bottom_block{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .footer .company_copyright{
        margin-bottom: 20px;
    }
    .footer .ssl{
        margin-bottom: 20px;
    }
    .page_block{
        max-width: calc(100% - 30px);
    }
    .page_block h1{
        font-size: 34px;
    }
    .fx.ch2 > div{
        width: 100% !important;
        margin-right: 0px;
    }
    .post_table th{
        font-size: 14px;
    }
    .post_table td{
        font-size: 13px;
    }
    .top_block > .wrapper > .cont .title1{
        font-size: 36px;
    }
    .top_block > .wrapper > .cont .title2{
        font-size: 26px;
        margin: 30px 0;
    }
    .author_bx{
        width: 100%;
        margin-left: 5px;
    }
    .repayment_bx{
        flex-direction: column-reverse;
        padding-top: 30px;
    }
    .repayment_block:before{
        top: 110px;
        height: calc(100% - 110px);
    }
    .repayment_bx .cont_bx{
        width: 100%;
        padding: 50px 0 0;
    }
    .repayment_bx .img_bx{
        width: 150px;
        align-self: center;
    }
    .repayment_block .c_bx{
        top: 190px;
        width: 60px;
    }
    .car_requirements ul{
        flex-direction: column;
    }
    .car_requirements ul li:not(:last-child){
        margin: 0 0 25px;
    }
    .comments2_block{
        margin: 50px 0;
    }
    .comments2_block > .wrapper{
        max-width: 100%;
    }
    .comments.grids{
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scroll-padding: 20px;
        padding: 0 0 15px;
        margin: 0;
    }
    .comments.grids > .col{
        display: flex;
        width: auto;
        margin: 0;
    }
    .comments.grids .comment{
        scroll-snap-align: start;
        width: 350px;
        vertical-align: top;
        margin: 0 20px 0 0;
    }
    .comments.grids .comment:first-child{
        margin-left: 20px;
    }
    .comments.grids > .col:first-child .comment:nth-child(2){
        margin-right: 0;
    }
    .comments2_block .comments_bx{
        position: relative;
        margin-bottom: 50px;
    }
    .comments.grids .button2{
        position: absolute;
        left: 0;
        top: 100%;
        margin-left: 25px;
    }
    .comments2_block .title_block{
        padding: 0 25px;
    }
    .comments2_block .add_comment_bx{
        width: calc(100% - 50px);
        padding: 0;
    }
    .top_block .img1_bx .img1{
        margin-top: -20px;
    }
    .l_cars_block > .wrapper{
        max-width: calc(100% - 50px);
    }
}
@media (max-width: 560px){
    .leasing_inform_block .title_s2{
        color: #000;
    }
}
@media (max-width: 550px){
    .consultation_block .image{
        width: 182px;
        height: 400px;
    }
    .page_block h1{
        font-size: 26px;
    }
}
@media (max-width: 500px){
    .calculator .rb_block{
        flex-wrap: wrap;
    }
    .calculator .rb_block > *{
        width: 100%;
    }
    .calculator .rb_block > .title_block{
        margin: 0 0 5px;
    }

    .calculator .rb_block .radio_block label{
        display: table-cell;
        text-align: center;
        font-size: 12px;
    }
    .calculator_block .note{
        padding-left: 20px;
    }
    .comments .comment{
        min-height: 350px;
    }
}
@media (max-width: 450px){
 
    .header .to_phones{
        border-radius: 12px;
        font-size: 12px;
        padding: 10px 11px 9px 30px;
    }
    .header .to_phones:before{
        left: 10px;
    }
    .steps_block .steps .step{
        padding: 27px;
    }
    .calculator .bx, 
    .calculator .bx.range_block, 
    .calculator .result_block{
        padding-left: 30px;
        padding-right: 30px;
    }
    .calculator .range_block .lbl_block{
        font-size: 18px;
    }
    .calculator .result_block .title{
        font-size: 15px;
        margin-top: 0;
        width: 40%;
    }
    .calculator .result_block .main_result .from{
        font-size: 16px;
    }
    .calculator .result_block .main_result .val{
        font-size: 18px;
    }
    .calculator .result_block .main_result .currency{
        font-size: 18px;
    }
    .calculator .result_uah .val{
        font-size: 14px;
    }
    .calculator .result{
        width: 60%;
    }
    .calculator .result_uah .currency{
        font-size: 13px;
    }
    .faq_list > div .f_title{
        font-size: 18px;
        padding: 20px 0 15px 47px;
    }
    .faq_list > div .f_title:before{
        font-size: 22px;
        line-height: 38px;
        width: 32px;
        height: 32px;
    }
    .faq_list > div .cont{
        padding: 0 0 5px 47px;
    }
    .consultation_block .inp_block{
        padding: 0;
    }
    .consultation_block .image{
        display: none;
    }
    .consultation_block > .wrapper{
        box-shadow: none;
        padding: 0 30px;
        margin: 35px 0 0;
    }
    .consultation_block > .wrapper > .cont{
        padding-right: 0;
    }
    .comments .comment{
        min-height: 380px;
    }
    .comment.video .play{
        top: 40%;
    }
    .comment.video .cont .txt{
        font-size: 13px;
        padding: 0 20px 20px;
    }

    .post_info_block{
        text-align: center;
        width: 100%;
    }
    .post_info_block > *{
        width: 25%;
    }
    .post_info_block * i{
        display: block;
        font-size: 13px;
        margin: 0 0 5px;
    }
    .post_info_block span{
        font-size: 11px;
        position: static;
    }
    .contacts_block.contacts_items .schedule{
        margin: 10px 0 0 3px;
    }
    body .footer .nav_block .item{
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 420px){
    .calculator .bx, 
    .calculator .bx.range_block, 
    .calculator .result_block{
        padding-left: 15px;
        padding-right: 15px;
    }
    .calculator .range_block .lbl_block{
        font-size: 13px;
        width: 40%;
    }
    .faq_list > div .cont{
        font-size: 14px;
    }
    .fancybox-slide .md_content{
        width: calc(100% - 30px);
        padding: 25px;
    }
    .calculator .range_block .inp_block{
        width: 60%;
    }
    .calculator .range_block .inp_block input{
        font-size: 22px;
        padding: 8px;
    }
}
@media (max-width: 400px){
    .top_block > .wrapper{
        max-width: calc(100% - 30px);
    }
    .top_block > .wrapper > .cont{
       padding-left: 0;
       padding-right: 0; 
    }
   

    .calculator .range_block.term_block .inp_block .unit{
        font-size: 12px;
        line-height: 16px;
        right: 9px;
    }
    .calculator .rb_block .radio_block label{
        font-size: 11px;
    }
    .top_block > .wrapper > .cont .title{
        font-size: 36px;
    }
    .top_block > .wrapper > .cont ul li {
        font-size: 18px;
        min-height: 24px;
        padding: 4px 0 4px 38px;
        margin: 0 0 10px;
    }
    .top_block > .wrapper > .cont ul li::before {
        width: 24px;
        height: 24px;
    }
    .button{
        font-size: 18px;
        padding: 14px 30px 12px;
    }
    .slick-dots li,
    .slick-dots li button{
        width: 16px;
        height: 16px;
    }
    .slick-dots li button::before {
        width: 8px;
        height: 8px;
    }
    .posts > li .preview{
        padding: 30px 25px;
    }
    .top_block .img1_bx .img1{
        right: -15px;
        overflow: hidden;
    }
    .top_block .img1_bx img{
        right: -50px;
    }
    .l_car_features .item .name{
        font-size: 7px;
    }
    .l_car_features .item .val{
        font-size: 12px;
    }
}
@media (min-width: 375px) and (max-width: 479px){
    .sm\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 390px){
    .contacts_block .phones_schedule > *{
        width: 100%;
    }
}
@media (max-width: 380px){
    .inform_blocks > .item .title{
        width: 100%;
    }
    .steps_block > .wrapper{
        border-radius: 0;
        max-width: 100%;
        padding: 0 15px;
    }
    .calculator .rb_block .radio_block label{
        font-size: 10px;
    }
    .header .to_phones{
        border-radius: 12px 0 0 12px;
        margin-right: -10px;
    }
}
@media (max-width: 360px){

    .calculator .rb_block .radio_block label{
        white-space: normal;
    }
    .footer .nav_block .item{
        width: 100%;
        margin-right: 0;
    }
    .author_block .img{
        width: 80px;
        height: 80px;
        margin-left: 15px;
    }
}
@media (max-width: 340px){
    .header .logo{
        display: none;
    }
}