@charset "UTF-8";

:root {
	--color-one: #cd2127;
    --color-two: #464343;
    --color-three: #E9E9E9;
	--color-bg-one: #F8FBFE;
    --color-bg-two: #050B20;
    --color-bg-three: #EEF1FB;
	--color-text-one: #050B20;
    --color-text-two: #fff;
    --color-text-three: #434343;
    --color-text-four: #6C7280;
	--box-shadow: 0px 0px 30px rgba(133, 147, 159, 0.3);
	--swiper-theme-color: #cd2127 !important;
}

input:focus {
    outline-offset: -1px;
    outline: 1px solid var(--color-one);
}

.clear{
	clear: both;
}

body{
    width: 100%;
    margin: 0 auto;
    font-family: "DM Sans", sans-serif;
}

@media (min-width: 1400px) {

header{
    max-width: 1400px;
    margin: 25px auto 50px auto; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
header nav{
    width: calc(50% - 100px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 30px;
}
header nav a{
    border-bottom: 1px solid var(--color-text-two);
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
header nav a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
header .logo{
    width: 100px;
    height: 100px;
    display: block;
}
header .logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
header .contacts{
    width: calc(50% - 100px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 60px;
}
header .contacts .phone{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 22px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
header .contacts .phone span{
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
header .contacts .phone:hover span{
    border-bottom: 1px solid var(--color-one);
    color: var(--color-one);
}
header .contacts .phone svg{
    width: 35px;
    height: 35px;
    fill: var(--color-one);
}
header .contacts .callme{
    border: 1px solid var(--color-one);
    border-radius: 16px;
    color: var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
}
header .contacts .callme:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.hidden-menu, .hidden-menu-ticker, .btn-menu{
    display: none;
}

.link{
    max-width: 1400px;
    margin: 25px auto 50px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.link a{
    border: 1px solid var(--color-text-one);
    border-radius: 16px;
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
}
.link a:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.link a.color{
    border: 1px solid var(--color-one);
    color: var(--color-one);
}
.link a.color:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}

.swiper-home{
    max-width: 1400px;
    height: 600px;
    margin: 0 auto 100px auto;
    border-radius: 16px;
}
.swiper-home .swiper-wrapper .swiper-slide a{
    display: flex;
    position: relative;
}
.swiper-home img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.swiper-home .slide-overlay{
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(5, 11, 32, 0.6);
  border-radius: 16px;
  z-index: 1;
  pointer-events: none;
}
.swiper-home .h{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-text-two);
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    z-index: 2;
    width: 75%;
}
.swiper-home .txt{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-text-two);
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    z-index: 2;
    width: 50%;
}
.swiper-home .h span, .swiper-home .txt span{
    color: var(--color-one);
}
.swiper-home .button{
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-one);
    color: var(--color-text-two);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 16px;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.swiper-home:hover .button{
    background: var(--color-text-two);
    color: var(--color-one);
}
.swiper-home .swiper-button-next, .swiper-home .swiper-button-prev{
    color: var(--color-text-two);
    transition: all 0.3s ease-in-out;
}
.swiper-home .swiper-button-next:hover, .swiper-home .swiper-button-prev:hover{
    color: var(--color-one);
}
.swiper-home .swiper-pagination{
    bottom: 16px !important;
}
.swiper-home .swiper-pagination .swiper-pagination-bullet{
    background: var(--color-text-two);
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.breadcrumbs{
	font-size: 12px;
	font-weight: 400;
	color: var(--color-text-four);
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 0;
}
.breadcrumbs li{
	color: var(--color-text-four);
	text-decoration: none;
	display: inline;
	padding: 0 5px;
}
.breadcrumbs a{
	color: var(--color-text-four);
	text-decoration: none;
	border-bottom: 1px dashed var(--color-text-four);
	transition: all 0.3s ease-in-out;
}
.breadcrumbs a:hover{
	border-bottom: 1px solid var(--color-text-four);
}

.pagetopbg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 0 auto 100px auto;
    padding: 50px 0;
}
.pagetop{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pageh{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.pagetop .pageh h1{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}
.pagetop .pageh h1 span{
    color: var(--color-one);
}
.pagetop .pageh .txt{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.pagetop .pagemarkh, .pagetop .pagespecialh{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px 25px;
}
.pagetop .pagemarkh .markh{
    background: #fff;
    width: 58px;
    height: 58px;
    border: 1px solid var(--color-three);
    border-radius: 16px;
    padding: 20px;
}
.pagetop .pagemarkh .markh svg{
    width: 60px;
    height: 60px;
    fill: var(--color-text-one);
}
.pagetop .pagemarkh .htxt, .pagetop .pagespecialh .htxt{
    width: calc(100% - 125px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: center;
}
.pagetop .pagespecialh .htxt{
    width: 100%;
    gap: 50px;
}
.pagetop .pagemarkh .htxt .h, .pagetop .pagespecialh .htxt .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.pagetop .pagemarkh  .htxt .h h1, .pagetop .pagespecialh .htxt .h h1{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}
.pagetop .pagemarkh  .htxt .h h1 span, .pagetop .pagespecialh .htxt .h h1 span{
    color: var(--color-one);
}
.pagetop .pagemarkh .htxt .h a, .pagetop .pagespecialh .htxt .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.pagetop .pagemarkh .htxt .h a svg, .pagetop .pagespecialh .htxt .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.pagetop .pagemarkh .htxt .h a:hover, .pagetop .pagespecialh .htxt .h a:hover{
    color: var(--color-one);
}
.pagetop .pagemarkh .htxt .h a:hover svg, .pagetop .pagespecialh .htxt .h a:hover svg{
    fill: var(--color-one);
}
.pagetop .pagespecialh .htxt .specialblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.pagetop .pagespecialh .htxt .specialblock .specialitem{
    background: var(--color-one);
    width: fit-content;
    border-radius: 16px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.pagetop .pagespecialh .htxt .specialblock .specialitem span{
    width: min-content;
    color: var(--color-text-two);
    font-size: 14px;
    font-weight: 300;
    word-break: keep-all;
}
.pagetop .pagespecialh .formblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pagespecialh .formblock h3{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.pagetop .pagespecialh .formblock h3 span{
    color: var(--color-one);
}
.pagetop .pagespecialh .formblock form{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pagespecialh .formblock form input{
    width: calc(100% - 42px);
    height: 50px;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    padding: 0 20px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.pagetop .pagespecialh .formblock form button{
    width: 100%;
    height: 50px;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    background: var(--color-one);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagetop .pagespecialh .formblock form button:hover{
    background: #fff;
    color: var(--color-one);
}
.pagetop .pagespecialh .formblock .minitxt{
    padding: 0 0 0 70%;
    margin: -15px 0 0 0;
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 300;
}
.pagetop .pagespecialh .formblock .minitxt a{
    color: var(--color-text-four);
    transition: all 0.3s ease-in-out;
}
.pagetop .pagespecialh .formblock .minitxt a:hover{
    text-decoration: none;
}
.pagetop .pagemarkh .htxt .txt, .pagetop .pagespecialh .htxt .txt{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.pagetop .pagemarkh .promo, .pagetop .pagespecialh .promo{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.pagetop .pagemarkh .promo .promoitem, .pagetop .pagespecialh .promo .promoitem{
    background: #fff;
    width: fit-content;
    border: 1px solid var(--color-three);
    border-radius: 16px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.pagetop .pagemarkh .promo .promoitem .img, .pagetop .pagespecialh .promo .promoitem .img{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagetop .pagemarkh .promo .promoitem .img svg, .pagetop .pagespecialh .promo .promoitem .img svg{
    width: 25px;
    height: 25px;
    fill: var(--color-one);
}
.pagetop .pagemarkh .promo .promoitem .txt, .pagetop .pagespecialh .promo .promoitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.mark{
    max-width: 1400px;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.mark .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.mark .h h2{
    display: flex;
    gap: 10px;
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 25px 0;
}
.mark .h h3{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.mark .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.mark .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.mark .h a:hover{
    color: var(--color-one);
}
.mark .h a:hover svg{
    fill: var(--color-one);
}
.mark .markblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 44px;
    margin: 0 0 25px 0;
}
.mark .markblock .markitem{
    background: #fff;
    width: calc(100% / 10 - 62px);
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    text-decoration: none;
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover{
    border: 1px solid var(--color-one);
}
.mark .markblock .markitem svg{
    width: 47px;
    height: 47px;
    fill: var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover svg{
    fill: var(--color-one);
}
.mark .markblock .markitem div{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover div{
    color: var(--color-one);
}

.swiper-cars-new-next, .swiper-cars-used-next{
    right: -60px !important;
    opacity: 0 !important;
    transition: all 0.3s ease-in-out;
}
.swiper-cars-new-prev, .swiper-cars-used-prev{
    left: -60px !important;
    opacity: 0 !important;
    transition: all 0.3s ease-in-out;
}
.carcatalogbg:hover .swiper-button-next.swiper-button-disabled, .carcatalogbg:hover .swiper-button-prev.swiper-button-disabled{
    opacity: 0.35 !important;
}
.carcatalogbg:hover .swiper-cars-new-next, .carcatalogbg:hover .swiper-cars-used-next,
.carcatalogbg:hover .swiper-cars-new-prev, .carcatalogbg:hover .swiper-cars-used-prev{
    opacity: 1 !important;
}
.swiper-cars-new-pagination, .swiper-cars-used-pagination{
    bottom: -40px !important;
    display: none !important;
}
.swiper-cars-new-pagination .swiper-pagination-bullet, .swiper-cars-used-pagination .swiper-pagination-bullet{
    background: var(--color-one);
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.carcatalogbg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 0 auto 100px auto;
    padding: 100px 0;
}
.carcatalogbg.top{
    margin: -100px auto 100px auto;
    padding: 0 0 50px 0;
}
.carcatalogbg.mini{
    margin: 0 auto 50px auto;
    padding: 50px 0;
}
.carcatalog{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    position: relative;
}
.carcatalog.mini{
    gap: 25px;
}
.carcatalog.used{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}
.carcatalog.used .h{
    width: 100%;
}
.carcatalog.used .h.one{
   display: none;
}
.carcatalog .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.carcatalog .h h2{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}
.carcatalog .h h2 span, .carcatalog .h h3 span{
    color: var(--color-one);
}
.carcatalog .h h3{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.carcatalog .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.carcatalog .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.carcatalog .h a:hover{
    color: var(--color-one);
}
.carcatalog .h a:hover svg{
    fill: var(--color-one);
}

.carcatalog #mse2_sort{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.carcatalog #mse2_sort a{
    color: var(--color-text-one);
    border-bottom: 1px dashed var(--color-text-one);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    gap: 5px;
}
.carcatalog #mse2_sort a.active{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-bg-one);
}
.carcatalog #mse2_sort a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
    cursor: pointer;
}
.carcatalog #mse2_sort a span{
    color: var(--color-one);
}

.carcatalog #mse2_selected_wrapper{
    width: 100%;
    background: #fff;
    margin: 0 !important;
    min-height: 0 !important;
}
.carcatalog #mse2_selected_wrapper #mse2_selected{
    background: #fff !important;
    padding: 10px 20px !important;
    border-radius: 8px;
}
.carcatalog #mse2_selected_wrapper #mse2_selected strong{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0 10px 0 0;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px dashed var(--color-text-one);
    margin: 0 10px 0 0;
    transition: all 0.3s ease-in-out;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a:hover{
    border-bottom: 1px solid var(--color-one);
}
.carcatalog #mse2_selected_wrapper #mse2_selected a em{
    font-style: normal;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a sup{
    transition: all 0.3s ease-in-out;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a:hover sup{
    color: var(--color-one);
}

.carcatalog .filterblock{
    width: calc(25% - 30px);
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.carcatalog .filterblock form{
    width: 100%;
    position: sticky;
    top: 30px;
    align-self: flex-start;
    height: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .btnblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.carcatalog .filterblock .btnblock button{
    width: fit-content;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.carcatalog .filterblock .btnblock button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalog .filterblock .filterin{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .filterin .selectblock{
    background: #fff;
    width: calc(100% - 40px);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.carcatalog .filterblock .filterin .selectblock .filter_title{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid var(--color-three) !important;
    border-radius: 8px !important;
    min-height: 36px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid var(--color-one) !important;
    box-shadow: none;
}
.select2-container .select2-search--inline .select2-search__field{
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #a9a9a9 !important;
    margin-top: 6px !important;
    margin-left: 10px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: none !important;
    border: 1px solid var(--color-three) !important;
    display: inline-flex !important;
    padding: 0px !important;
    align-items: center;
    justify-self: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover{
    color: var(--color-one) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button{
    position: relative !important;
    padding: 0 !important;
    border: none !important;
    border-radius: none !important;
    order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button:hover{
    background: none !important;
    color: var(--color-one) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button span{
    position: relative;
    top: -1px;
    padding: 2px 4px 0px 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display{
    padding: 2px 0 2px 5px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    order: 1;
}
.select2-dropdown{
	border-color: var(--color-one) !important;
	border-radius: 8px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background: var(--color-one) !important;
	color: #fff !important;
}
.select2-results__option--disabled, .select2-results__option--selected{
	display: none;
}
.carcatalog .filterblock .filterin .sliderblock{
    background: #fff;
    width: calc(100% - 40px);
    border: none;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.carcatalog .filterblock .filterin .sliderblock .filter_title{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6{
    width: calc(50% - 15px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6 .d-flex{
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    text-transform: lowercase;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6 .d-flex input{
    width: 100%;
    height: 30px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 10px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_slider{
    border: 1px solid var(--color-three);
    font-size: 10px !important;
    margin: 10px !important;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-default{
    cursor: pointer;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-active{
    border: 1px solid var(--color-text-four) !important;
    background: var(--color-text-four) !important;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-focus{
    outline: none !important;
}
.carcatalog .catalogsort{
    width: 75%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.carcatalog button.btn_more{
    width: fit-content !important;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.carcatalog button.btn_more:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalogblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    position: relative;
}
.carcatalog .caritem{
    background: #fff;
    width: calc(100% / 3 - 22px);
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.carcatalog .swiper-wrapper .caritem{
    width: calc(100% - 2px);
}
.carcatalog .caritem .newimg{
    width: calc(100% - 40px);
    height: 160px;
    padding: 20px;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
    z-index: 1;
}
.carcatalog .caritem .newimg div, .carcatalog .caritem .usedimg div{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.carcatalog .caritem .newimg div svg, .carcatalog .caritem .usedimg div svg{
    width: 25px;
    height: 25px;
    fill: var(--color-text-one);
}
.carcatalog .caritem .newimg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px 16px 0 0;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .newimg:hover img{
    transform: scale(1.1);
}
.carcatalog .caritem .usedimg{
    width: 100%;
    height: 240px;
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #E9E9E9;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.carcatalog .caritem .usedimg div{
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.carcatalog .caritem .usedimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .usedimg:hover img{
    transform: scale(1.1);
}
.carcatalog .caritem .info{
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.carcatalog .caritem .info .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .info .h:hover{
    color: var(--color-one);
}
.carcatalog .caritem .info .equipment{
    color: var(--color-text-four);
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}
.carcatalog .caritem .info .property{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 0;
}
.carcatalog .caritem .info .property span{
    color: var(--color-text-one);
    font-size: 12px;
    font-weight: 300;
}
.carcatalog .caritem .info .property span:first-child::before {
    content: none;
    margin: 0;
}
.carcatalog .caritem .info .property span::before{
    content: "•";
    margin: 0 5px;
}
.carcatalog .caritem .info .price{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
}
.carcatalog .caritem .info .credit{
    color: var(--color-one);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.carcatalog .caritem .info .credit .i{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.carcatalog .caritem .info .credit .i svg{
    width: 18px;
    height: 18px;
    fill: var(--color-one);
}
.carcatalog .caritem .info .credit .i .itxt{
    background: #fff;
    display: none;
    width: 300px;
    color: var(--color-text-one);
    font-size: 10px;
    font-weight: 200;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    position: absolute;
    top: -70px;
}
.carcatalog .caritem .info .credit .i:hover .itxt{
    display: block;
}
.carcatalog .caritem .btns{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.carcatalog .caritem .btns .request{
    width: 100%;
    color: var(--color-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .request:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalog .caritem .btns .test{
    width: calc(50% - 7px);
    color: var(--color-text-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-text-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .test:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.carcatalog .caritem .btns .more{
    width: calc(50% - 7px);
    color: var(--color-text-four);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-text-four);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .more:hover{
    background: var(--color-text-four);
    color: var(--color-text-two);
}

.pagecar{
    background: var(--color-bg-one);
    width: 100%;
    margin: -100px auto 100px auto;
    padding: 0 0 100px 0;
}
.pagecarin{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
}
.pagecarin .carblock .carinfo{
    width: calc(75% - 100px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.pagecarin .carblock .slider{
	width: 100%;
}
.pagecarin .carblock .slider .swiper-page-used{
	overflow: hidden;
	position: relative;
	margin: 0 0 25px 0;
}
.pagecarin  .carblock .slider .swiper-page-used img{
	width: 100%;
	height: 700px;
	object-fit: cover;
	object-position: top center;
	display: block;
	border-radius: 25px;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs{
	overflow: hidden;
}
.pagecarin  .carblock .slider .swiper-page-used-thumbs img{
	width: calc(100% - 4px);
	height: 130px;
	object-fit: cover;
	object-position: top center;
	border: 2px solid #fff;
	position: relative;
	display: block;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs img:hover{
	opacity: 0.7;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs .swiper-slide-thumb-active img{
	border: 2px solid var(--color-one);
}
.pagecarin .carblock .carinfo .carcolour{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .carinfo .carcolour .car{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagecarin .carblock .carinfo .carcolour .car img{
    width: 750px;
    object-fit: contain;
}
.pagecarin .carblock .carinfo .carcolour .colour{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.pagecarin .carblock .carinfo .carcolour .colour .h{
    color: var(--color-text-four);
    font-size: 30px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .carinfo .carcolour .colour .h span{
    color: var(--color-one);
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div{
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div.active,
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div:hover{
    border: 1px solid var(--color-one);
}
.pagecarin .carblock .carinfo .specifications{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.pagecarin .carblock .carinfo .specifications h2{
    color: var(--color-text-one);
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}
.pagecarin .carblock .carinfo .specifications .propertyblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertyblockh{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px 10%;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property{
    width: calc(50% - 5%);
    position: relative;
    border-bottom: 1px dashed var(--color-three);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property span{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property span.h{
    color: var(--color-text-four);
    font-size: 16px;
    font-weight: 400;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px 10%;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside, .pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront{
    width: calc(50% - 5%);
    position: relative;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside .bodylength{
    position: absolute;
    left: calc(50% - 30px);
    bottom: -15px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside .wheelbase{
    position: absolute;
    left: calc(50% - 30px);
    bottom: 35px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .bodywidth{
    position: absolute;
    left: calc(50% - 30px);
    bottom: -15px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .bodyheight{
    position: absolute;
    left: 35px;
    bottom: 115px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .clearance{
    position: absolute;
    left: calc(50% - 20px);
    bottom: 40px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside img,
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront img{
    width: 100%;
    height: 195px;
    object-fit: contain;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px 10%;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property{
    width: calc(50% - 5%);
    position: relative;
    border-bottom: 1px dashed var(--color-three);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property span{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property span.h{
    color: var(--color-text-four);
    font-size: 16px;
    font-weight: 400;
}
.pagecarin .carblock .offer{
    background: #fff;
    width: calc(25% - 2px);
    height: fit-content;
    position: sticky;
    top: 30px;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagecarin .carblock .offer .priceblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .priceblock .oldprice{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: line-through;
}
.pagecarin .carblock .offer .priceblock .price{
    color: var(--color-one);
    font-size: 40px;
    font-weight: 600;
}
.pagecarin .carblock .offer .creditblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .creditblock .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .offer .creditblock .credit{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .saleprice{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.pagecarin .carblock .offer .saleprice .saleswitch{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.pagecarin .carblock .offer .saleprice .saleswitch .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.pagecarin .carblock .offer .saleprice .saleswitch .txt span{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.pagecarin .carblock .offer .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pagecarin .carblock .offer .toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.pagecarin .carblock .offer .toggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.pagecarin .carblock .offer input:checked + .toggle {
  background-color: var(--color-one);
}
.pagecarin .carblock .offer input:focus + .toggle {
  box-shadow: 0 0 1px var(--color-one);
}
.pagecarin .carblock .offer input:checked + .toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.pagecarin .carblock .offer .toggle.round {
  border-radius: 34px;
}
.pagecarin .carblock .offer .toggle.round:before {
  border-radius: 50%;
}
.pagecarin .carblock .offer .offerh{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .offerh span{
    color: var(--color-one);
    font-size: 40px;
}
.pagecarin .carblock .offer .promo{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 0 20px;
}
.pagecarin .carblock .offer .promo .promoitem{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.pagecarin .carblock .offer .promo .promoitem .img{
    width: 40px;
    height: 40px;
    fill: var(--color-one);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagecarin .carblock .offer .promo .promoitem .img svg{
    width: 100%;
    height: 100%;
}
.pagecarin .carblock .offer .promo .promoitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .promo .promoitem .txt span{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .offerform{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.pagecarin .carblock .offer .offerform .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .offerform form{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .offerform form input{
    width: calc(100% - 32px);
    height: 50px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 15px;
    margin: 0 0 15px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.pagecarin .carblock .offer .offerform form button{
    width: 100%;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
    margin: 0 0 15px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .offer .offerform form button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.pagecarin .carblock .offer .offerform form .minitxt{
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 100;
}
.pagecarin .carblock .offer .offerform form .minitxt a{
    color: var(--color-text-four);
}
.pagecarin .carblock .offer .offerform form .minitxt a:hover{
    text-decoration: none;
}
.modellist{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.modellist h2{
    color: var(--color-text-one);
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}
.modellist h2 span{
    color: var(--color-one);
}
.modellist h3{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 25px 0;
}
.modellist h3 span{
    color: var(--color-one);
}
.modellist .modelitem{
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 0 25px 0;
    margin: -25px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.modelitem .info{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.modelitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.modelitem .h:hover{
    color: var(--color-one);
}
.modelitem .property{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px 0;
}
.modelitem .property span{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 300;
}
.modelitem .property span:first-child::before {
    content: none;
    margin: 0;
}
.modelitem .property span::before {
    content: "•";
    margin: 0 5px;
}
.modelitem .property span.red{
    color: var(--color-one);
}
.modelitem .buy{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.modelitem .pricecredit{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.modelitem .pricecredit .price{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.modelitem .pricecredit .credit{
    color: var(--color-one);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.modelitem .btns{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.modelitem .btns .request{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .request:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.modelitem .btns .test{
    width: fit-content;
    color: var(--color-text-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid var(--color-text-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .test:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.modelitem .btns .more{
    width: fit-content;
    color: var(--color-text-four);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid var(--color-text-four);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .more:hover{
    background: var(--color-text-four);
    color: var(--color-text-two);
}

.credit-calculator-offer{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.credit-calculator-offer .slider-group {
	/* flex: 1; */
    width: 100%;
	display: flex;
	flex-direction: column;
}
.credit-calculator-offer .slider-group label{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-four);
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.credit-calculator-offer .slider-group label span{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 600;
}
.credit-calculator-offer .slider-group input[type="range"]{
	appearance: none;
	width: 100%;
	height: 4px;
	background: #ADADB0;
	outline: none;
	border-radius: 4px;
	background-image: linear-gradient(var(--color-one), var(--color-one));
	background-repeat: no-repeat;
	cursor: pointer;
}
.credit-calculator-offer .slider-group input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-one);
	border: 2px solid #E9E9E9;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-offer .slider-group input[type="range"]::-webkit-slider-thumb:hover{
    border: 2px solid #ADADB0;
}
.credit-calculator-offer .range-labels {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 600;
	color:#ADADB0;
	margin-top: 6px;
	padding:0 0 0 5px;
}
.credit-calculator-offer .range-labels .first{
    margin: 0 5px 0 0;
}

.credit-calculator-page{
    width: calc(100% - 62px);
    margin: 0 auto;
	background: #fff;
	padding: 30px;
    border: 1px solid #E9E9E9;
	border-radius: 15px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
	gap: 50px;
}
.credit-calculator-page h2{
    color: var(--color-text-one);
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}
.credit-calculator-page .calculator-block{
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 55px;
}
.credit-calculator-page .payment-row{
    border-bottom: 1px solid #E9E9E9;
    padding: 0 0 5px 0;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 25px;
    flex: none;
}
.credit-calculator-page .payment-row .h{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
}
.credit-calculator-page .payment-row .payment{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.credit-calculator-page .slider-group {
	/* flex: 1; */
    width: 100%;
	display: flex;
	flex-direction: column;
}
.credit-calculator-page .slider-group label{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-four);
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.credit-calculator-page .slider-group label span{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 600;
}
.credit-calculator-page .slider-group input[type="range"]{
	appearance: none;
	width: 100%;
	height: 4px;
	background: #ADADB0;
	outline: none;
	border-radius: 4px;
	background-image: linear-gradient(var(--color-one), var(--color-one));
	background-repeat: no-repeat;
	cursor: pointer;
}
.credit-calculator-page .slider-group input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-one);
	border: 2px solid #E9E9E9;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-page .slider-group input[type="range"]::-webkit-slider-thumb:hover{
    border: 2px solid #ADADB0;
}
.credit-calculator-page .range-labels {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 600;
	color:#ADADB0;
	margin-top: 6px;
	padding:0 0 0 5px;
}
.credit-calculator-page .range-labels .first{
    margin: 0 5px 0 0;
}
.credit-calculator-page .form-block{
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.credit-calculator-page .form-block .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.credit-calculator-page .form-block form{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.credit-calculator-page .form-block form input{
    width: calc(100% - 32px);
    height: 48px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 15px;
    margin: 0 0 25px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.credit-calculator-page .form-block form button{
    width: 100%;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 30px;
    margin: 0 0 15px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-page .form-block form button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.credit-calculator-page .form-block form .minitxt{
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 100;
}
.credit-calculator-page .form-block form .minitxt a{
    color: var(--color-text-four);
}
.credit-calculator-page .form-block form .minitxt a:hover{
    text-decoration: none;
}

.offerspage{
    background: var(--color-bg-one);
    width: 100%;
    margin: -100px auto 100px auto;
    padding: 50px 0 100px 0;
}
.offerspage .offersblock{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}
.offerspage .offersblock .offersitem{
    width: calc(100% / 2 - 75px);
    clip-path: inset(0 round 16px);
    padding: 25px;
    color: var(--color-text-one);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 100px;
    transition: all 0.3s ease-in-out;
}
.offerspage .offersblock .offersitem .h{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 600;
    
}
.offerspage .offersblock .offersitem:hover .h{
    color: var(--color-one);
}
.offerspage .offersblock .offersitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.whybg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 25px auto 100px auto;
    padding: 100px 0;
}
.why{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.why h2{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.why .whyblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.why .whyblock .whyitem{
    background: #fff;
    width: calc(100% / 4 - 84px);
    box-shadow: var(--box-shadow);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
}
.why .whyblock .whyitem .icon{
    width: 60px;
    height: 60px;
    fill: #fff;
    stroke: var(--color-one);
}
.why .whyblock .whyitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 500;
}
.why .whyblock .whyitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.about{
    max-width: 1400px;
    margin: 0 auto 100px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 50px 100px;
}
.about .left{
    width: 50%;
    height: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.about .left .small{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.about .left .small .one{
    height: 40%;
    object-fit: cover;
    border-radius: 16px;
}
.about .left .small .two{
    width: 100%;
    height: calc(60% - 20px);
    object-fit: cover;
    border-radius: 16px;
}
.about .left .big{
    height: 100%;
    display: flex;
    align-items: center;
}
.about .left .big img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.about .right{
    width: calc(50% - 100px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 30px;
}
.about .right .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.about .right h2{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.about .right h2 span{
    color: var(--color-one);
}
.about .right .h .mini{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.about .right .txt{
    line-height: 26px;
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.about .right .plusblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.about .right .plusblock .plus{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.about .right .plusblock .plus .icon{
    background: var(--color-one);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about .right .plusblock .plus .icon svg{
    width: 12px;
    height: 12px;
    fill: var(--color-text-two);
}
.about .right .button{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.about .right .button svg{
    width: 14px;
    height: 14px;
    fill: var(--color-one);
}
.about .right .button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.about .right .button:hover svg{
    fill: var(--color-text-two);
}
.about .statblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.about .statblock .stat{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.about .statblock .stat .h{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.about .statblock .stat .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.news{
    max-width: 1400px;
    margin: 0 auto 100px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.news .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.news .h h2{
    display: flex;
    gap: 10px;
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.news .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.news .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.news .h a:hover{
    color: var(--color-one);
}
.news .h a:hover svg{
    fill: var(--color-one);
}
.news .newsblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
article{
    width: calc(100% / 3 - 20px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.news .newsblock .newsitem{
    background: #fff;
    width: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.news .newsblock .newsitem:hover{
    opacity: 0.7;
}
.news .newsblock .tag{
    background: #fff;
    width: fit-content;
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 300;
    padding: 5px 15px;
    border-radius: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.news .newsblock .newsitem img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
}
.news .newsblock .newsitem .date{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.news .newsblock .newsitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 400;
}
.news button.btn-more{
    width: fit-content !important;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.news button.btn-more:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.newspage{
    width: 1400px;
    margin: 0 auto 100px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
}
.newspage .newsblock{
    width: calc(60% - 100px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.newspage .newsblock .tagdate{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 50px;
}
.newspage .newsblock .tagdate .tag{
    background: #fff;
    width: fit-content;
    color: var(--color-text-one);
    border: 1px solid var(--color-one);
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px;
    border-radius: 8px;
}
.newspage .newsblock .tagdate .date{
    color: var(--color-text-three);
    font-size: 16px;
    font-weight: 600;
}
.newspage .newsblock .content{
    font-size: 16px;
    color: var(--color-text-one);
}
.newspage .newsblock .content a{
    color: var(--color-one);
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.newspage .newsblock .content h2{
    color: var(--color-text-one);
    font-weight: 600;
}
.newspage .newsblock .content a:hover{
    color: var(--color-text-one);
    text-decoration: underline;
}
.newspage .newsplus{
    width: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.newspage .newsplus .newsimg{
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
}

.contactspage{
    width: 100%;
    margin: 0 auto 100px auto;
}
.contactspage .contactsblock{
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 100px;
}
.contactspage .contactsblock .contacts{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.contactspage .contactsblock .contacts .item{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.contactspage .contactsblock .contacts .item .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.contactspage .contactsblock .contacts .item .h svg{
    width: 35px;
    height: 35px;
    fill: var(--color-one);
    margin: 0 0 0 -7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactspage .contactsblock .contacts .item .h div{
    color: var(--color-text-four);
    font-size: 16px;
    font-weight: 600;
}
.contactspage .contactsblock .contacts .item .info{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 400;
}
.contactspage .contactsblock .contacts .item .info a{
    color: var(--color-text-one);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid var(--color-text-one);
}
.contactspage .contactsblock .contacts .item .info a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
.contactspage .contactsblock .contacts .ymap{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactspage .contactsblock .contacts .ymap:hover{
    background: var(--color-one);
    color: #fff;
}


footer{
    width: 100%;
    margin: 0 auto;
}
footer .contacts{
    max-width: 1400px;
    padding: 100px 0 0 0;
    margin: 0 auto 100px auto;
    border-top: 1px solid #E9E9E9;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
}
footer .contacts .contactsblock{
    width: calc(40% - 100px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 50px;
}
footer .contacts .contactsblock h2{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
footer .contacts .contactsblock .contact{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
    padding: 0 0 0 50px;
}
footer .contacts .contactsblock .contact .contactitem{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
footer .contacts .contactsblock .contact .contactitem svg{
    width: 30px;
    height: 30px;
    fill: var(--color-one);
}
footer .contacts .contactsblock .contact .contactitem a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
footer .contacts .contactsblock .contact .contactitem a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
footer .contacts .contactsblock .contact .contactitem div{
    font-size: 18px;
    font-weight: 400;
}
footer .contacts .contactsblock .contact .linkmap{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .contacts .contactsblock .contact .linkmap:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
footer .contacts .map{
    background: #cd2127;
    width: 60%;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
}
footer .info{
    max-width: 1400px;
    padding: 100px 0 0 0;
    margin: 0 auto 50px auto;
    border-top: 1px solid #E9E9E9;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
}
footer .info .linkblock{
    width: calc(50% - 100px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
footer .info .linkblock .nav{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
}
footer .info .linkblock .nav .h{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 600;
}
footer .info .linkblock .nav .navblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
footer .info .linkblock .nav .navblock a{
    width: fit-content;
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
footer .info .linkblock .nav .navblock a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
footer .info .txt{
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-three);
}
footer .footer{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    border-top: 1px solid #E9E9E9;
}
footer .footer .footerblock{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
footer .footer .footerblock .left{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-one);
}
footer .footer .footerblock .right{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
footer .footer .footerblock .right a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid var(--color-text-one);
}
footer .footer .footerblock .right a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}

.toolbar{
    display: none;
}

.fncbx{
    background: var(--color-bg-one);
	width: fit-content;
	padding: 50px !important;
	border-radius: 16px;
}
.fncbxin{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    align-items: stretch;
    gap: 50px;
}
.fncbxin > .fncbxform{
	width: 350px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 25px;
}
.fncbxin > .fncbxform .htxt{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 15px;
}
.fncbxin > .fncbxform .htxt .h{
	font-size: 30px;
	font-weight: 600;
	color: var(--color-text-one);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.fncbxin > .fncbxform .htxt .h span{
	color: var(--color-one);
}
.fncbxin > .fncbxform .htxt .txt{
	font-size: 16px;
	font-weight: 300;
	color: var(--color-text-one);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fncbxin > .fncbxform .htxt .txt span{
	color: var(--color-one);
}
.fncbxin > .fncbxform .htxt .txt span.black{
    color: var(--color-text-one);
}
.fncbxin > .fncbxform form{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.fncbxin > .fncbxform form input{
	background: #fff;
	width: 100%;
	height: 50px;
	border: 1px solid #E9E9E9;
	border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
	color: var(--color-text-one);
	display: flex;
	padding: 0 20px;
    margin: 0 0 25px 0;
}
.fncbxin > .fncbxform form input::placeholder{
	color: var(--color-text-four);
}
.fncbxin > .fncbxform form button{
	background: #fff;
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-one);
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-one);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}
.fncbxin > .fncbxform form button:hover{
	background: var(--color-one);
	color: #fff;
}
.fncbxin > .fncbxform .minitxt{
	font-size: 12px;
	font-weight: 300;
	color: var(--color-text-four);
}
.fncbxin > .fncbxform .minitxt a{
	color: var(--color-text-four);
}
.fncbxin > .fncbxform .minitxt a:hover{
	text-decoration: none;
}
.fncbxin > .fncbximg{
    width: 350px;
    border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: stretch;
    align-self: stretch;
	position: relative;
}

.last{
    color: none;
}

}

@media (max-width: 1399px) {

.toolbar{
    position: fixed;
    bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 70px;
    background: var(--color-bg-one);
    border-top: 2px solid var(--color-one);
    z-index: 9999;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.toolbar .toolbarblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.toolbar .toolbarblock .btn{
    width: calc(100% / 5);
    height: 70px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.toolbar .toolbarblock .btn svg{
    width: 25px;
    height: 25px;
    fill: var(--color-one);
}
.toolbar .toolbarblock .btn span{
    color: var(--color-one);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.toolbar .toolbarblock .logo{
    width: calc(100% / 5);
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.toolbar .toolbarblock .logo img{
    width: 75%;
    height: 75%;
    object-fit: contain;
}
.toolbar .toolbarblock .menuitem{
    width: calc(100% / 5);
    height: 70px;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-one);
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.toolbar .toolbarblock .menuitem .btn-menu{
    width: 25px;
}
.toolbar .toolbarblock .menuitem .btn-menu span{
    background-color: var(--color-one);
}
.toolbar .toolbarblock .menuitem .btn-menu span.second, .toolbar .toolbarblock .menuitem .btn-menu span.third{
    margin: 4px 0 0 0;
}

header{
    width: 90%;
    height: 100px;
    margin: 0 auto 25px auto; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
header nav{
    width: calc(50% - 100px);
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 30px;
}
header nav a{
    border-bottom: 1px solid var(--color-text-two);
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
header nav a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
header .logo{
    width: 80px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .logo img{
    width: 100%;
    object-fit: contain;
}
header .contacts{
    width: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 15px;
}
header .contacts .phone{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
header .contacts .phone span{
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
header .contacts .phone:hover span{
    border-bottom: 1px solid var(--color-one);
    color: var(--color-one);
}
header .contacts .phone svg{
    width: 20px;
    height: 20px;
    fill: var(--color-one);
}
header .contacts .callme{
    border: 1px solid var(--color-one);
    border-radius: 8px;
    color: var(--color-one);
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 8px 16px;
}
header .contacts .callme:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}

.link{
    width: 90%;
    margin: 25px auto 25px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 15px;
}
.link a{
    border: 1px solid var(--color-text-one);
    border-radius: 8px;
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 10px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 5px 10px;
}
.link a:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.link a.color{
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 8px 16px;
    border: 1px solid var(--color-one);
    color: var(--color-one);
}
.link a.color:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}

.swiper-home{
    width: 90%;
    margin: 0 auto 50px auto;
    border-radius: 16px;
}
.swiper-home .swiper-wrapper .swiper-slide a{
    display: flex;
}
.swiper-home img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
}
.swiper-home .slide-overlay{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(5, 11, 32, 0.3);
    border-radius: 16px;
    z-index: 1;
    pointer-events: none;
}
.info-overlay{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 10%;
    z-index: 2;
}
.swiper-home .h{
    color: var(--color-text-two);
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    z-index: 2;
    margin: 0 0 25px 0;
}
.swiper-home .txt{
    color: var(--color-text-two);
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    z-index: 2;
    margin: 0 0 25px 0;
}
.swiper-home .h span, .swiper-home .txt span{
    color: var(--color-one);
}
.swiper-home .button{
    background: var(--color-one);
    width: fit-content;
    color: var(--color-text-two);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 16px;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.swiper-home .button:hover{
    background: var(--color-text-two);
    color: var(--color-one);
}
.swiper-home .swiper-button-next, .swiper-home .swiper-button-prev{
    color: var(--color-text-two);
    transition: all 0.3s ease-in-out;
    display: none;
}
.swiper-home .swiper-button-next:hover, .swiper-home .swiper-button-prev:hover{
    color: var(--color-one);
}
.swiper-home .swiper-pagination{
    bottom: 16px !important;
}
.swiper-home .swiper-pagination .swiper-pagination-bullet{
    background: var(--color-text-two);
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.breadcrumbs{
	font-size: 8px;
	font-weight: 400;
	color: var(--color-text-four);
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 0;
}
.breadcrumbs li{
	color: var(--color-text-four);
	text-decoration: none;
	display: inline-block;
	padding: 0 5px;
    margin: 0 0 10px 0;
}
.breadcrumbs a{
	color: var(--color-text-four);
	text-decoration: none;
	border-bottom: 1px dashed var(--color-text-four);
	transition: all 0.3s ease-in-out;
}
.breadcrumbs a:hover{
	border-bottom: 1px solid var(--color-text-four);
}

.pagetopbg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 0 auto 50px auto;
    padding: 50px 0;
}
.pagetop{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pageh{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.pagetop .pageh h1{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.pagetop .pageh h1 span{
    color: var(--color-one);
}
.pagetop .pageh .txt{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.pagetop .pagemarkh, .pagetop .pagespecialh{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}
.pagetop .pagemarkh .markh{
    background: #fff;
    width: 58px;
    height: 58px;
    border: 1px solid var(--color-three);
    border-radius: 16px;
    padding: 20px;
}
.pagetop .pagemarkh .markh svg{
    width: 60px;
    height: 60px;
    fill: var(--color-text-one);
}
.pagetop .pagemarkh .htxt, .pagetop .pagespecialh .htxt{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
    justify-content: center;
}
.pagetop .pagespecialh .htxt{
    width: 100%;
    gap: 25px;
}
.pagetop .pagemarkh .htxt .h, .pagetop .pagespecialh .htxt .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.pagetop .pagemarkh  .htxt .h h1, .pagetop .pagespecialh .htxt .h h1{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.pagetop .pagemarkh  .htxt .h h1 span, .pagetop .pagespecialh .htxt .h h1 span{
    color: var(--color-one);
}
.pagetop .pagemarkh .htxt .h a, .pagetop .pagespecialh .htxt .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.pagetop .pagemarkh .htxt .h a svg, .pagetop .pagespecialh .htxt .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.pagetop .pagemarkh .htxt .h a:hover, .pagetop .pagespecialh .htxt .h a:hover{
    color: var(--color-one);
}
.pagetop .pagemarkh .htxt .h a:hover svg, .pagetop .pagespecialh .htxt .h a:hover svg{
    fill: var(--color-one);
}
.pagetop .pagespecialh .htxt .specialblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.pagetop .pagespecialh .htxt .specialblock .specialitem{
    background: var(--color-one);
    width: fit-content;
    border-radius: 16px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.pagetop .pagespecialh .htxt .specialblock .specialitem span{
    width: min-content;
    color: var(--color-text-two);
    font-size: 14px;
    font-weight: 300;
    word-break: keep-all;
}
.pagetop .pagespecialh .formblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pagespecialh .formblock h3{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.pagetop .pagespecialh .formblock h3 span{
    color: var(--color-one);
}
.pagetop .pagespecialh .formblock form{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pagespecialh .formblock form input{
    width: calc(100% - 42px);
    height: 50px;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    padding: 0 20px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.pagetop .pagespecialh .formblock form button{
    width: 100%;
    height: 50px;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    background: var(--color-one);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagetop .pagespecialh .formblock form button:hover{
    background: #fff;
    color: var(--color-one);
}
.pagetop .pagespecialh .formblock .minitxt{
    margin: -15px 0 0 0;
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 300;
}
.pagetop .pagespecialh .formblock .minitxt a{
    color: var(--color-text-four);
    transition: all 0.3s ease-in-out;
}
.pagetop .pagespecialh .formblock .minitxt a:hover{
    text-decoration: none;
}
.pagetop .pagemarkh .htxt .txt, .pagetop .pagespecialh .htxt .txt{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.pagetop .pagemarkh .promo, .pagetop .pagespecialh .promo{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.pagetop .pagemarkh .promo .promoitem, .pagetop .pagespecialh .promo .promoitem{
    background: #fff;
    width: fit-content;
    border: 1px solid var(--color-three);
    border-radius: 16px;
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.pagetop .pagemarkh .promo .promoitem .img, .pagetop .pagespecialh .promo .promoitem .img{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagetop .pagemarkh .promo .promoitem .img svg, .pagetop .pagespecialh .promo .promoitem .img svg{
    width: 25px;
    height: 25px;
    fill: var(--color-one);
}
.pagetop .pagemarkh .promo .promoitem .txt, .pagetop .pagespecialh .promo .promoitem .txt{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}

.mark{
    width: 90%;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.mark .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.mark .h h2{
    display: flex;
    gap: 10px;
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.mark .h h3{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}
.mark .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.mark .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.mark .h a:hover{
    color: var(--color-one);
}
.mark .h a:hover svg{
    fill: var(--color-one);
}
.mark .markblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 0 25px 0;
}
.mark .markblock .markitem{
    background: #fff;
    width: calc(100% / 4 - 37px);
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    text-decoration: none;
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover{
    border: 1px solid var(--color-one);
}
.mark .markblock .markitem svg{
    width: 27px;
    height: 27px;
    fill: var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover svg{
    fill: var(--color-one);
}
.mark .markblock .markitem div{
    color: var(--color-text-one);
    font-size: 10px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}
.mark .markblock .markitem:hover div{
    color: var(--color-one);
}

.swiper-cars-new, .swiper-cars-used{
    width: 100%;
}
.swiper-cars-new-next, .swiper-cars-used-next{
    display: none !important;
}
.swiper-cars-new-prev, .swiper-cars-used-prev{
    display: none !important;
}
.swiper-cars-new-pagination, .swiper-cars-used-pagination{
    bottom: -40px !important;
}
.swiper-cars-new-pagination .swiper-pagination-bullet, .swiper-cars-used-pagination .swiper-pagination-bullet{
    background: var(--color-one);
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.carcatalogbg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 0 auto 50px auto;
    padding: 50px 0 75px 0;
}
.carcatalogbg.top{
    margin: -50px auto 100px auto;
    padding: 0 0 50px 0;
}
.carcatalogbg.mini{
    margin: 0 auto 50px auto;
    padding: 50px 0;
}
.carcatalog{
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    position: relative;
}
.carcatalog.mini{
    gap: 25px;
}
.carcatalog.used{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px;
}
.carcatalog.used > .h{
    width: 100%;
    order: 2;
}
.carcatalog.used .h.one{
    order: 0;
}
.carcatalog .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.carcatalog .h h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.carcatalog .h h2 span, .carcatalog .h h3 span{
    color: var(--color-one);
}
.carcatalog .h h3{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}
.carcatalog .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.carcatalog .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.carcatalog .h a:hover{
    color: var(--color-one);
}
.carcatalog .h a:hover svg{
    fill: var(--color-one);
}

.carcatalog #mse2_sort{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.carcatalog #mse2_sort a{
    color: var(--color-text-one);
    border-bottom: 1px dashed var(--color-text-one);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    gap: 5px;
}
.carcatalog #mse2_sort a.active{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-bg-one);
}
.carcatalog #mse2_sort a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
    cursor: pointer;
}
.carcatalog #mse2_sort a span{
    color: var(--color-one);
}

.carcatalog #mse2_selected_wrapper{
    width: 100%;
    background: #fff;
    margin: 0 !important;
    min-height: 0 !important;
    order: 3;
}
.carcatalog #mse2_selected_wrapper #mse2_selected{
    background: #fff !important;
    padding: 10px 20px !important;
    border-radius: 8px;
}
.carcatalog #mse2_selected_wrapper #mse2_selected strong{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0 10px 0 0;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px dashed var(--color-text-one);
    margin: 0 10px 0 0;
    transition: all 0.3s ease-in-out;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a:hover{
    border-bottom: 1px solid var(--color-one);
}
.carcatalog #mse2_selected_wrapper #mse2_selected a em{
    font-style: normal;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a sup{
    transition: all 0.3s ease-in-out;
}
.carcatalog #mse2_selected_wrapper #mse2_selected a:hover sup{
    color: var(--color-one);
}

.carcatalog .filterblock{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    order: 1;
}
.carcatalog .filterblock form{
    width: 100%;
    position: relative;
    align-self: flex-start;
    height: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .btnblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.carcatalog .filterblock .btnblock button{
    width: fit-content;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.carcatalog .filterblock .btnblock button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalog .filterblock .filterin{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .filterin .selectblock{
    background: #fff;
    width: calc(100% - 40px);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.carcatalog .filterblock .filterin .selectblock .filter_title{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid var(--color-three) !important;
    border-radius: 8px !important;
    min-height: 36px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid var(--color-one) !important;
    box-shadow: none;
}
.select2-container .select2-search--inline .select2-search__field{
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #a9a9a9 !important;
    margin-top: 6px !important;
    margin-left: 10px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: none !important;
    border: 1px solid var(--color-three) !important;
    display: inline-flex !important;
    padding: 0px !important;
    align-items: center;
    justify-self: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover{
    color: var(--color-one) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button{
    position: relative !important;
    padding: 0 !important;
    border: none !important;
    border-radius: none !important;
    order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button:hover{
    background: none !important;
    color: var(--color-one) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button span{
    position: relative;
    top: -1px;
    padding: 2px 4px 0px 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display{
    padding: 2px 0 2px 5px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    order: 1;
}
.select2-dropdown{
	border-color: var(--color-one) !important;
	border-radius: 8px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background: var(--color-one) !important;
	color: #fff !important;
}
.select2-results__option--disabled, .select2-results__option--selected{
	display: none;
}
.carcatalog .filterblock .filterin .sliderblock{
    background: #fff;
    width: calc(100% - 40px);
    border: none;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.carcatalog .filterblock .filterin .sliderblock .filter_title{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6{
    width: calc(50% - 15px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6 .d-flex{
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    text-transform: lowercase;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_inputs .col-md-6 .d-flex input{
    width: 100%;
    height: 30px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 10px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.carcatalog .filterblock .filterin .sliderblock .mse2_number_slider{
    border: 1px solid var(--color-three);
    font-size: 10px !important;
    margin: 10px !important;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-default{
    cursor: pointer;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-active{
    border: 1px solid var(--color-text-four) !important;
    background: var(--color-text-four) !important;
}
.carcatalog .filterblock .filterin .sliderblock .ui-state-focus{
    outline: none !important;
}
.carcatalog .catalogsort{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    order: 4;
}
.carcatalog button.btn_more{
    width: fit-content !important;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.carcatalog button.btn_more:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalogblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
    position: relative;
}
.carcatalog .caritem{
    background: #fff;
    width: calc(100% - 2px);
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.carcatalog .swiper-wrapper .caritem{
    width: calc(100% - 2px);
}
.carcatalog .caritem .newimg{
    width: calc(100% - 40px);
    height: 160px;
    padding: 20px;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
    z-index: 1;
}
.carcatalog .caritem .newimg div, .carcatalog .caritem .usedimg div{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.carcatalog .caritem .newimg div svg, .carcatalog .caritem .usedimg div svg{
    width: 25px;
    height: 25px;
    fill: var(--color-text-one);
}
.carcatalog .caritem .newimg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px 16px 0 0;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .newimg:hover img{
    transform: scale(1.1);
}
.carcatalog .caritem .usedimg{
    width: 100%;
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #E9E9E9;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.carcatalog .caritem .usedimg div{
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.carcatalog .caritem .usedimg img{
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .usedimg:hover img{
    transform: scale(1.1);
}
.carcatalog .caritem .info{
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.carcatalog .caritem .info .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .info .h:hover{
    color: var(--color-one);
}
.carcatalog .caritem .info .equipment{
    color: var(--color-text-four);
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}
.carcatalog .caritem .info .property{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 0;
}
.carcatalog .caritem .info .property span{
    color: var(--color-text-one);
    font-size: 12px;
    font-weight: 300;
}
.carcatalog .caritem .info .property span:first-child::before {
    content: none;
    margin: 0;
}
.carcatalog .caritem .info .property span::before{
    content: "•";
    margin: 0 5px;
}
.carcatalog .caritem .info .price{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
}
.carcatalog .caritem .info .credit{
    color: var(--color-one);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.carcatalog .caritem .info .credit .i{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.carcatalog .caritem .info .credit .i svg{
    width: 18px;
    height: 18px;
    fill: var(--color-one);
}
.carcatalog .caritem .info .credit .i .itxt{
    background: #fff;
    display: none;
    width: 300px;
    color: var(--color-text-one);
    font-size: 10px;
    font-weight: 200;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    position: absolute;
    top: -70px;
}
.carcatalog .caritem .info .credit .i:hover .itxt{
    display: block;
}
.carcatalog .caritem .btns{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.carcatalog .caritem .btns .request{
    width: 100%;
    color: var(--color-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .request:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.carcatalog .caritem .btns .test{
    width: calc(50% - 7px);
    color: var(--color-text-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-text-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .test:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.carcatalog .caritem .btns .more{
    width: calc(50% - 7px);
    color: var(--color-text-four);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0;
    border: 1px solid var(--color-text-four);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.carcatalog .caritem .btns .more:hover{
    background: var(--color-text-four);
    color: var(--color-text-two);
}

.pagecar{
    background: var(--color-bg-one);
    width: 100%;
    margin: -50px auto 50px auto;
    padding: 0 0 50px 0;
}
.pagecarin{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.pagecarin .carblock .carinfo{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.pagecarin .carblock .slider{
	width: 100%;
    order: 1;
}
.pagecarin .carblock .slider .swiper-page-used{
	overflow: hidden;
	position: relative;
	margin: 0 0 25px 0;
}
.pagecarin  .carblock .slider .swiper-page-used img{
	width: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
	border-radius: 25px;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs{
	overflow: hidden;
}
.pagecarin  .carblock .slider .swiper-page-used-thumbs img{
	width: calc(100% - 4px);
	object-fit: cover;
	object-position: top center;
	border: 2px solid #fff;
	position: relative;
	display: block;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs img:hover{
	opacity: 0.7;
}
.pagecarin .carblock .slider .swiper-page-used-thumbs .swiper-slide-thumb-active img{
	border: 2px solid var(--color-one);
}
.pagecarin .carblock .carinfo .carcolour{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    order: 1;
}
.pagecarin .carblock .carinfo .carcolour .car{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagecarin .carblock .carinfo .carcolour .car img{
    width: 100%;
    object-fit: contain;
}
.pagecarin .carblock .carinfo .carcolour .colour{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.pagecarin .carblock .carinfo .carcolour .colour .h{
    color: var(--color-text-four);
    font-size: 20px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .carinfo .carcolour .colour .h span{
    color: var(--color-one);
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div{
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div.active,
.pagecarin .carblock .carinfo .carcolour .colour .colorselection div:hover{
    border: 1px solid var(--color-one);
}
.pagecarin .carblock .carinfo .specifications{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    order: 3;
}
.pagecarin .carblock .carinfo .specifications h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
.pagecarin .carblock .carinfo .specifications .propertyblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertyblockh{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px 10%;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property{
    width: 100%;
    position: relative;
    border-bottom: 1px dashed var(--color-three);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property span{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .propertylist .property span.h{
    color: var(--color-text-four);
    font-size: 16px;
    font-weight: 400;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside, .pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront{
    width: 100%;
    position: relative;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside .bodylength{
    position: absolute;
    left: calc(50% - 30px);
    bottom: 0px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside .wheelbase{
    position: absolute;
    left: calc(50% - 30px);
    bottom: 50px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .bodywidth{
    position: absolute;
    left: calc(50% - 30px);
    bottom: -20px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .bodyheight{
    position: absolute;
    left: -5px;
    bottom: 115px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront .clearance{
    position: absolute;
    left: calc(50% - 20px);
    bottom: 35px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carside img,
.pagecarin .carblock .carinfo .specifications .propertyblock .body .carfront img{
    width: 100%;
    height: 195px;
    object-fit: contain;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property{
    width: 100%;
    position: relative;
    border-bottom: 1px dashed var(--color-three);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property span{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .carinfo .specifications .propertyblock .body .bodyproperty .property span.h{
    color: var(--color-text-four);
    font-size: 16px;
    font-weight: 400;
}
.pagecarin .carblock .offer{
    background: #fff;
    width: calc(100% - 52px);
    height: fit-content;
    position: relative;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
    order: 2;
}
.pagecarin .carblock .offer .priceblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .priceblock .oldprice{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: line-through;
}
.pagecarin .carblock .offer .priceblock .price{
    color: var(--color-one);
    font-size: 40px;
    font-weight: 600;
}
.pagecarin .carblock .offer .creditblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .creditblock .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.pagecarin .carblock .offer .creditblock .credit{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .saleprice{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.pagecarin .carblock .offer .saleprice .saleswitch{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.pagecarin .carblock .offer .saleprice .saleswitch .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.pagecarin .carblock .offer .saleprice .saleswitch .txt span{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.pagecarin .carblock .offer .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pagecarin .carblock .offer .toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.pagecarin .carblock .offer .toggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.pagecarin .carblock .offer input:checked + .toggle {
  background-color: var(--color-one);
}
.pagecarin .carblock .offer input:focus + .toggle {
  box-shadow: 0 0 1px var(--color-one);
}
.pagecarin .carblock .offer input:checked + .toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.pagecarin .carblock .offer .toggle.round {
  border-radius: 34px;
}
.pagecarin .carblock .offer .toggle.round:before {
  border-radius: 50%;
}
.pagecarin .carblock .offer .offerh{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .offerh span{
    color: var(--color-one);
    font-size: 40px;
}
.pagecarin .carblock .offer .promo{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 0 20px;
}
.pagecarin .carblock .offer .promo .promoitem{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.pagecarin .carblock .offer .promo .promoitem .img{
    width: 40px;
    height: 40px;
    fill: var(--color-one);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagecarin .carblock .offer .promo .promoitem .img svg{
    width: 100%;
    height: 100%;
}
.pagecarin .carblock .offer .promo .promoitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .promo .promoitem .txt span{
    color: var(--color-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .offerform{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.pagecarin .carblock .offer .offerform .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.pagecarin .carblock .offer .offerform form{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.pagecarin .carblock .offer .offerform form input{
    width: calc(100% - 32px);
    height: 50px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 15px;
    margin: 0 0 15px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.pagecarin .carblock .offer .offerform form button{
    width: 100%;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
    margin: 0 0 15px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.pagecarin .carblock .offer .offerform form button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.pagecarin .carblock .offer .offerform form .minitxt{
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 100;
}
.pagecarin .carblock .offer .offerform form .minitxt a{
    color: var(--color-text-four);
}
.pagecarin .carblock .offer .offerform form .minitxt a:hover{
    text-decoration: none;
}
.modellist{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
    order: 2;
}
.modellist h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
.modellist h2 span{
    color: var(--color-one);
}
.modellist h3{
    color: var(--color-text-one);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 25px 0;
}
.modellist h3 span{
    color: var(--color-one);
}
.modellist .modelitem{
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 0 25px 0;
    margin: -25px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.modelitem .info{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.modelitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.modelitem .h:hover{
    color: var(--color-one);
}
.modelitem .property{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px 0;
}
.modelitem .property span{
    color: var(--color-text-one);
    font-size: 13px;
    font-weight: 300;
}
.modelitem .property span:first-child::before {
    content: none;
    margin: 0;
}
.modelitem .property span::before {
    content: "•";
    margin: 0 5px;
}
.modelitem .property span.red{
    color: var(--color-one);
}
.modelitem .buy{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.modelitem .pricecredit{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.modelitem .pricecredit .price{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.modelitem .pricecredit .credit{
    color: var(--color-one);
    font-size: 16px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.modelitem .btns{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.modelitem .btns .request{
    width: 100%;
    color: var(--color-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 15px;
    border: 1px solid var(--color-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .request:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.modelitem .btns .test{
    width: calc(50% - 40px);
    color: var(--color-text-one);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 15px;
    border: 1px solid var(--color-text-one);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .test:hover{
    background: var(--color-text-one);
    color: var(--color-text-two);
}
.modelitem .btns .more{
    width: calc(50% - 40px);
    color: var(--color-text-four);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 15px;
    border: 1px solid var(--color-text-four);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.modelitem .btns .more:hover{
    background: var(--color-text-four);
    color: var(--color-text-two);
}

.credit-calculator-offer{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px;
}
.credit-calculator-offer .slider-group {
	/* flex: 1; */
    width: 100%;
	display: flex;
	flex-direction: column;
}
.credit-calculator-offer .slider-group label{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-four);
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.credit-calculator-offer .slider-group label span{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 600;
}
.credit-calculator-offer .slider-group input[type="range"]{
	appearance: none;
	width: 100%;
	height: 4px;
	background: #ADADB0;
	outline: none;
	border-radius: 4px;
	background-image: linear-gradient(var(--color-one), var(--color-one));
	background-repeat: no-repeat;
	cursor: pointer;
}
.credit-calculator-offer .slider-group input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-one);
	border: 2px solid #E9E9E9;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-offer .slider-group input[type="range"]::-webkit-slider-thumb:hover{
    border: 2px solid #ADADB0;
}
.credit-calculator-offer .range-labels {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 600;
	color:#ADADB0;
	margin-top: 6px;
	padding:0 0 0 5px;
}
.credit-calculator-offer .range-labels .first{
    margin: 0 5px 0 0;
}

.credit-calculator-page{
    width: calc(100% - 62px);
    margin: 0 auto;
	background: #fff;
	padding: 30px;
    border: 1px solid #E9E9E9;
	border-radius: 15px;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: 50px;
    order: 4;
}
.credit-calculator-page h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
.credit-calculator-page .calculator-block{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.credit-calculator-page .payment-row{
    border-bottom: 1px solid #E9E9E9;
    padding: 0 0 15px 0;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    flex: none;
}
.credit-calculator-page .payment-row .h{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 600;
}
.credit-calculator-page .payment-row .payment{
    color: var(--color-one);
    font-size: 30px;
    font-weight: 600;
}
.credit-calculator-page .slider-group {
	/* flex: 1; */
    width: 100%;
	display: flex;
	flex-direction: column;
}
.credit-calculator-page .slider-group label{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-four);
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.credit-calculator-page .slider-group label span{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 600;
}
.credit-calculator-page .slider-group input[type="range"]{
	appearance: none;
	width: 100%;
	height: 4px;
	background: #ADADB0;
	outline: none;
	border-radius: 4px;
	background-image: linear-gradient(var(--color-one), var(--color-one));
	background-repeat: no-repeat;
	cursor: pointer;
}
.credit-calculator-page .slider-group input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-one);
	border: 2px solid #E9E9E9;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-page .slider-group input[type="range"]::-webkit-slider-thumb:hover{
    border: 2px solid #ADADB0;
}
.credit-calculator-page .range-labels {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 600;
	color:#ADADB0;
	margin-top: 6px;
	padding:0 0 0 5px;
}
.credit-calculator-page .range-labels .first{
    margin: 0 5px 0 0;
}
.credit-calculator-page .form-block{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.credit-calculator-page .form-block .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 600;
}
.credit-calculator-page .form-block form{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.credit-calculator-page .form-block form input{
    width: calc(100% - 32px);
    height: 48px;
    border: 1px solid var(--color-three);
    border-radius: 8px;
    padding: 0 15px;
    margin: 0 0 25px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a9a9a9;
}
.credit-calculator-page .form-block form button{
    width: 100%;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 30px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.credit-calculator-page .form-block form button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.credit-calculator-page .form-block form .minitxt{
    color: var(--color-text-four);
    font-size: 12px;
    font-weight: 100;
}
.credit-calculator-page .form-block form .minitxt a{
    color: var(--color-text-four);
}
.credit-calculator-page .form-block form .minitxt a:hover{
    text-decoration: none;
}

.offerspage{
    background: var(--color-bg-one);
    width: 100%;
    margin: -100px auto 50px auto;
    padding: 50px 0 50px 0;
}
.offerspage .offersblock{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}
.offerspage .offersblock .offersitem{
    width: 100%;
    clip-path: inset(0 round 16px);
    padding: 25px;
    color: var(--color-text-one);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 100px;
    transition: all 0.3s ease-in-out;
}
.offerspage .offersblock .offersitem .h{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 600;
    
}
.offerspage .offersblock .offersitem:hover .h{
    color: var(--color-one);
}
.offerspage .offersblock .offersitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.whybg{
    background: var(--color-bg-one);
    width: 100%;
    margin: 25px auto 50px auto;
    padding: 50px 0;
}
.why{
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.why h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.why .whyblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.why .whyblock .whyitem{
    background: #fff;
    width: calc(100% - 60px);
    box-shadow: var(--box-shadow);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
}
.why .whyblock .whyitem .icon{
    width: 60px;
    height: 60px;
    fill: #fff;
    stroke: var(--color-one);
}
.why .whyblock .whyitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 500;
}
.why .whyblock .whyitem .txt{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.about{
    max-width: 90%;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.about .left{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.about .left .small{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.about .left .small .one{
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.about .left .small .two{
    width: 100%;
    height: calc(60% - 20px);
    object-fit: cover;
    border-radius: 16px;
}
.about .left .big{
    height: 100%;
    display: flex;
    align-items: center;
}
.about .left .big img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.about .right{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 30px;
}
.about .right .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.about .right h2{
    color: var(--color-text-one);
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.about .right h2 span{
    color: var(--color-one);
}
.about .right .h .mini{
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.about .right .txt{
    line-height: 26px;
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.about .right .plusblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.about .right .plusblock .plus{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
    color: var(--color-text-one);
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.about .right .plusblock .plus .icon{
    background: var(--color-one);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about .right .plusblock .plus .icon svg{
    width: 12px;
    height: 12px;
    fill: var(--color-text-two);
}
.about .right .button{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.about .right .button svg{
    width: 14px;
    height: 14px;
    fill: var(--color-one);
}
.about .right .button:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.about .right .button:hover svg{
    fill: var(--color-text-two);
}
.about .statblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px 0;
}
.about .statblock .stat{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.about .statblock .stat .h{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}
.about .statblock .stat .txt{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.news{
    max-width: 90%;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.news .h{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.news .h h2{
    display: flex;
    gap: 10px;
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
.news .h a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.news .h a svg{
    width: 16px;
    height: 16px;
    fill: var(--color-text-one);
}
.news .h a:hover{
    color: var(--color-one);
}
.news .h a:hover svg{
    fill: var(--color-one);
}
.news .newsblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
article{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.news .newsblock .newsitem{
    background: #fff;
    width: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.news .newsblock .newsitem:hover{
    opacity: 0.7;
}
.news .newsblock .tag{
    background: #fff;
    width: fit-content;
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 300;
    padding: 5px 15px;
    border-radius: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.news .newsblock .newsitem img{
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.news .newsblock .newsitem .date{
    color: var(--color-text-three);
    font-size: 14px;
    font-weight: 300;
}
.news .newsblock .newsitem .h{
    color: var(--color-text-one);
    font-size: 20px;
    font-weight: 400;
}
.news button.btn-more{
    width: fit-content !important;
    background: #fff;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 25px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.news button.btn-more:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.newspage{
    width: 90%;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.newspage .newsblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
.newspage .newsblock .tagdate{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 50px;
}
.newspage .newsblock .tagdate .tag{
    background: #fff;
    width: fit-content;
    color: var(--color-text-one);
    border: 1px solid var(--color-one);
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px;
    border-radius: 8px;
}
.newspage .newsblock .tagdate .date{
    color: var(--color-text-three);
    font-size: 16px;
    font-weight: 600;
}
.newspage .newsblock .content{
    font-size: 16px;
    color: var(--color-text-one);
}
.newspage .newsblock .content a{
    color: var(--color-one);
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.newspage .newsblock .content h2{
    color: var(--color-text-one);
    font-weight: 600;
}
.newspage .newsblock .content a:hover{
    color: var(--color-text-one);
    text-decoration: underline;
}
.newspage .newsplus{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.newspage .newsplus .newsimg{
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
}

.contactspage{
    width: 100%;
    margin: 0 auto 100px auto;
}
.contactspage .contactsblock{
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 100px;
}
.contactspage .contactsblock .contacts{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
.contactspage .contactsblock .contacts .item{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
.contactspage .contactsblock .contacts .item .h{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
.contactspage .contactsblock .contacts .item .h svg{
    width: 35px;
    height: 35px;
    fill: var(--color-one);
    margin: 0 0 0 -7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactspage .contactsblock .contacts .item .h div{
    color: var(--color-text-four);
    font-size: 14px;
    font-weight: 600;
}
.contactspage .contactsblock .contacts .item .info{
    color: var(--color-text-one);
    font-size: 18px;
    font-weight: 400;
}
.contactspage .contactsblock .contacts .item .info a{
    color: var(--color-text-one);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid var(--color-text-one);
}
.contactspage .contactsblock .contacts .item .info a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
.contactspage .contactsblock .contacts .ymap{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactspage .contactsblock .contacts .ymap:hover{
    background: var(--color-one);
    color: #fff;
}


footer{
    width: 100%;
    margin: 0 auto;
}
footer .contacts{
    width: 90%;
    padding: 50px 0 0 0;
    margin: 0 auto 50px auto;
    border-top: 1px solid #E9E9E9;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
footer .contacts .contactsblock{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 50px;
}
footer .contacts .contactsblock h2{
    color: var(--color-text-one);
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}
footer .contacts .contactsblock .contact{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
}
footer .contacts .contactsblock .contact .contactitem{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
footer .contacts .contactsblock .contact .contactitem svg{
    width: 30px;
    height: 30px;
    fill: var(--color-one);
}
footer .contacts .contactsblock .contact .contactitem a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
footer .contacts .contactsblock .contact .contactitem a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
footer .contacts .contactsblock .contact .contactitem div{
    font-size: 18px;
    font-weight: 400;
}
footer .contacts .contactsblock .contact .linkmap{
    width: fit-content;
    color: var(--color-one);
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border: 1px solid var(--color-one);
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .contacts .contactsblock .contact .linkmap:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
footer .contacts .map{
    background: #cd2127;
    width: 100%;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    margin: 0 auto;
}
footer .info{
    width: 90%;
    padding: 50px 0 0 0;
    margin: 0 auto 50px auto;
    border-top: 1px solid #E9E9E9;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50px;
}
footer .info .linkblock{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
footer .info .linkblock .nav{
    width: calc(100% / 3 - 20px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
}
footer .info .linkblock .nav .h{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
}
footer .info .linkblock .nav .navblock{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
footer .info .linkblock .nav .navblock a{
    width: fit-content;
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid var(--color-text-one);
    transition: all 0.3s ease-in-out;
}
footer .info .linkblock .nav .navblock a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}
footer .info .txt{
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-three);
}
footer .footer{
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    border-top: 1px solid #E9E9E9;
}
footer .footer .footerblock{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}
footer .footer .footerblock .left{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-one);
}
footer .footer .footerblock .right{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
footer .footer .footerblock .right span{
    display: none;
}
footer .footer .footerblock .right a{
    color: var(--color-text-one);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid var(--color-text-one);
}
footer .footer .footerblock .right a:hover{
    color: var(--color-one);
    border-bottom: 1px solid var(--color-one);
}

/*menu*/
.hidden-menu-ticker {
    display: none;
}
.menu{
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 25px;
}
.menu > .callme{
    border: 1px solid var(--color-one);
    border-radius: 8px;
    color: var(--color-one);
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
}
.menu > .callme:hover{
    background: var(--color-one);
    color: var(--color-text-two);
}
.menu > .logomb{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu > .logomb img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.menu > .menumb{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 10px;
}
.menu .menumb > a{
	font-size: 20px;
	font-weight: 300;
	color: var(--color-one);
	text-decoration: none;
}
.menu > .navmb{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 5px;
}
.menu .navmb > a{
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text-one);
	text-transform: uppercase;
	text-decoration: none;
}
.btn-menu {
    color: #000;
    border: 0px solid var(--color-one);
    padding: 0px;
    cursor: pointer;
    transition: left .23s;
    z-index: 93;
    width: 35px;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.black .btn-menu span{
	background-color: #000;
}
.btn-menu span {
    display: block;
    height: 3px;
	border-radius: 10px;
    background-color: var(--color-text-one);
    margin: 0px 0 0 0;
    transition: all .1s linear .23s;
    position: relative;
}
.btn-menu span.third{
    margin: 10px 0 0 0;
}
.btn-menu span.second {
	margin: 10px 0 0 0;
}
.btn-menu span.first {
    margin-top: 0;
}
.hidden-menu {
    display: block;
    position: fixed;
    padding: 30% 60px 0 60px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--color-bg-one);
    height: 100%;
    top: 0;
    left: -100%;
    transition: left .2s;
    z-index: 91;
    transform: translateZ(0);
    backface-visibility: hidden;
	overflow: scroll;
}
.hidden-menu-ticker:checked ~ .btn-menu {
	top:50px;
    left: 50%;
	margin: 0 0 0 -30px;
	position: fixed;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
    left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
    transform: rotate(45deg);
    top: 6px;
	width: 40px;
	background-color: var(--color-one);
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
    opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
    transform: rotate(-45deg);
    top: -10px;
	width: 40px;
	background-color: var(--color-one);
    margin: 0 0 0 0;
}

.fncbx{
    background: var(--color-bg-one);
	width: 95%;
	padding: 10% !important;
    margin: 0 0 95px 0 !important;
	border-radius: 16px;
}
.fncbxin{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
    gap: 25px;
}
.fncbxin > .fncbxform{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 25px;
}
.fncbxin > .fncbxform .htxt{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 15px;
}
.fncbxin > .fncbxform .htxt .h{
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-one);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.fncbxin > .fncbxform .htxt .h span{
	color: var(--color-one);
}
.fncbxin > .fncbxform .htxt .txt{
	font-size: 14px;
	font-weight: 300;
	color: var(--color-text-one);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fncbxin > .fncbxform .htxt .txt span{
	color: var(--color-one);
}
.fncbxin > .fncbxform .htxt .txt span.black{
    color: var(--color-text-one);
}
.fncbxin > .fncbxform form{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.fncbxin > .fncbxform form input{
	background: #fff;
	width: 100%;
	height: 50px;
	border: 1px solid #E9E9E9;
	border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
	color: var(--color-text-one);
	display: flex;
	padding: 0 20px;
    margin: 0 0 25px 0;
}
.fncbxin > .fncbxform form input::placeholder{
	color: var(--color-text-four);
}
.fncbxin > .fncbxform form button{
	background: #fff;
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-one);
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-one);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}
.fncbxin > .fncbxform form button:hover{
	background: var(--color-one);
	color: #fff;
}
.fncbxin > .fncbxform .minitxt{
	font-size: 12px;
	font-weight: 300;
	color: var(--color-text-four);
}
.fncbxin > .fncbxform .minitxt a{
	color: var(--color-text-four);
}
.fncbxin > .fncbxform .minitxt a:hover{
	text-decoration: none;
}
.fncbxin > .fncbximg{
    width: 100%;
    min-height: 280px;;
    border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: stretch;
    align-self: stretch;
	position: relative;
}

.last{
    color: none;
}


}