:root {
  	--color-main: #235ad1;
  	--color-sub: #36afca;
  	--color-darkest: #131921;
  	--color-dark: #232f3f;
  	--color-gray: #eaeded;
  	--color-green: #4caf50;
  	--transition-ease: all 0.8s ease;
}
body {
	color:black;
	background-color: var(--color-gray);
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	min-width:1182px;
	text-shadow:0 0;
}
a{
	text-decoration: none;
}
.banners{
	width: 850px;
	height: 350px;
	background-color: white;
}
.banner{
	position: relative;
	display: flex;
    align-items: center;
}
.banner__text{
	position: absolute;
    font-size: 42px;
    font-weight: 800;
    left: 8%;
    width: 35%;
    color: cornflowerblue;
}
.swiper-pagination-bullet{
	border-radius: 0 !important;
}
.swiper-pagination-bullet-active{
	background-color: #fbc50d !important;
}
.logo{
	height: 60px;
}
.logo img{
	height: inherit;
}
.logotype{
	font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    color: white;
    transition: var(--transition-ease);
}
.logotype span{
	color: var(--color-sub);
}
.logotype:hover{
	color: var(--color-sub);
}
.logo-wrapper{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: var(--color-darkest);
}
.logo-flag img{
	height: 60px;
}
.header-buttons{
	display: flex;
	align-items: center;
}
.catalogue-button__wrapper{
	margin-right: 20px;
}
.catalogue-button{
	display: block;
	width: fit-content;
	color: black;
	display: flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	background-color: var(--color-sub);
	height: 50px;
}
.catalogue-button:hover .catalogue-button__text{
	background-color: var(--color-sub);
}
.catalogue-button__text{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	color: white;
	height: 40px;
    transition: var(--transition-ease);
    padding: 0 10px;
}
.catalogue-button__text.active{
	background-color: var(--color-sub);
}
.catalogue-button i{
	font-size: 18px;
	background-color: var(--color-sub);
	color: white;
	width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalogue-trans{
	display: none;
	position: absolute;
    z-index: 15;
    width: calc(100% - 60px);
    top: 90px;
    left: 0;
    background-color: white;
    padding: 30px;
    -webkit-box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px -1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
}
.catalogue-trans__wrapper{
	display: flex;
	gap: 0 30px;
}
.catalogue-trans__column{
	width: 50%;
}
.catalogue-trans__column-title{
	margin-bottom: 20px;
}
.catalogue-trans__items{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 250px;
    gap: 30px;
}
.catalogue-trans__items-link{
	text-decoration: none;
	transition: var(--transition-ease);
}
.catalogue-trans__items-link:hover{
	color: var(--color-sub);
}
.catalogue-trans__links{
	display: flex;
}
.catalogue-trans__links-item{
	text-decoration: none;
	height: 40px;
	padding: 0 20px;
	margin-right: 15px;
	background-color: var(--color-dark);
    color: white;
    transition: var(--transition-ease);
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalogue-trans__links-item:hover{
	background-color: var(--color-sub);
}
.catalogue-trans__title{
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.container{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 15px;
	min-height: 75vh;
	position: relative;
}
.logo-avtgr .logo-avtgr__picture,
.special-links .special-links__item img {
	max-width: 100%
}
.basket-mobile_edition{
	display: none;
}
.header{
	
}
.header__wrapper{
	width: 1200px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}
.header-additional{
	display: flex;
	margin: auto;
	height: 40px;
	background-color: var(--color-dark);
}
.header-additional__wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin: auto;
}
.header-additional__section{
	display: flex;
	align-items: baseline;
}
.header-additional__item{
	color: white;
	margin-right: 25px;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.header-additional__item:last-child{
	margin-right: 0;
}
.header-additional__item i{
	margin-right: 15px;
	font-size: 11px;
}
.header-additional__item-phone a{
	color: white;
}
.header-additional__link{
	text-decoration: none;
	padding: 0 20px;
	margin-right: 1px;
	font-size: 12px;
	transition: var(--transition-ease);
	position: relative;
	background-color: #fbc50d;
	height: 40px;
	display: flex;
	align-items: center;
}
.header-additional__link:hover, .header-additional__dropdown-item:hover{
	background-color: var(--color-sub);
	color: white;
}
.dropdown{
	display: flex;
	position: relative;
}
.dropdown:hover .header-additional__dropdown{
	display: flex;
}
.header-additional__dropdown{
	display: none;
	position: absolute;
	background-color: white;
	color: var(--color-darkest);
	z-index: 20;
	top: 40px;
	flex-direction: column;
	min-width: 315px;
	border-top: 1px solid #131921;
}
.header-additional__dropdown-item{
	font-size: 12px;
	height: 40px;
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 0 20px;
	transition: background 0.3s ease-in-out;
}
.search-form {
	width: 545px;
}

.search-form .search-from__form {
	display: flex;
	justify-content: right;
}

.search-form .search-form__button {
	display: block;
	height: 50px;
	border: none;
	outline: 0;
	background-color: white;
	cursor: pointer;
	color: black;
	z-index: 9;
	width: 51px;
	box-sizing: border-box;
	margin: 0;
}
.search-form__button .fa-search{
	color: inherit;
}
.search-form .search-form__input {
	width: 480px;
	display: block;
	border-right: none;
	outline: 0;
	line-height: 35px;
	padding: 0;
	height: 50px;
	font-size: 14px;
	padding-left: 20px;
}
.user-cart .user-cart__link,
.user-login .user-login__link {
	line-height: 16px;
	font-weight: 900;
	color: black;
	text-decoration: none
}

.user-cart {
	display: inline-block
}

.user-cart .user-cart__link {
	font-size: 14px;
	position: relative;
	top: -5px;
	padding-left: 28px
}

.user-cart .user-cart__link:before {
	content: ' ';
	display: block;
	width: 23px;
	height: 21px;
	top: 1px;
	position: absolute;
	background-image: url(/img/sprite.png);
	background-repeat: no-repeat;
	background-position: -15px 0
}

.special-links .special-links__item h4:after,
.user-login .user-login__link:before {
	background-position: center center;
	background-repeat: no-repeat;
	content: ' '
}

.user-login {
	display: inline-block
}

.user-login .user-login__link {
	font-size: 14px;
	position: relative;
	top: -5px;
	padding-left: 18px
}

.user-login .user-login__link:before {
	display: block;
	width: 14px;
	height: 16px;
	top: 1px;
	position: absolute;
	background-image: url(/img/people.png)
}

.language-switcher__item {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	margin-left: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.navigation,
.products-and-blog {
	display: -webkit-box;
	display: -ms-flexbox
}
.language-wrapper{
	position: relative;
	margin-left: 10px;
}
.language-switcher{
	display: flex;
	align-items: center;
    cursor: pointer;
    color: white;
    font-size: 12px;
    transition: var(--transition-ease);
}
.language-switcher i{
	margin-bottom: 5px;
	font-size: 18px;
}
.language-switcher__text{
	line-height: 15px;
}
.language-menu__wrapper{
	margin-bottom: 15px;
}
.language-menu__wrapper:last-child{
	margin-bottom: 0;
}
.language-menu{
	display: none;
	background-color: #fff;
    width: 200px;
    position: absolute;
    z-index: 10;
    top: 28px;
    right: 0px;
    padding: 15px;
    -webkit-box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px -1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
}
.language-menu__title{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
}
.language-menu__select{
	
	font-size: 12px;
	outline: none;
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #eaeaea;
	width: 100%;
	cursor: pointer;
}
.language-menu__select:focus{
	font-size: 12px;
}
.language-menu__inputs{
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.language-menu__inputs-item{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.language-menu__submit{
	font-size: 12px;
    color: #fff;
    cursor: pointer;
    background-color: #4caf50;
    margin-right: 15px;
    text-align: center;
    padding: 10px 20px;
    font-weight: 600;
}
.language-menu__inputs-item input{
	margin-right: 10px;
}
.language-menu__inputs-item label{
	font-size: 12px;
	cursor: pointer;
}
.navigation {
	width: 1170px;
	margin: 10px auto;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #eaeaea
}

.products-and-blog {
	display: flex;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
}

.special-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top
}

.special-links .special-links__item {
	width: 278px;
	display: block;
	text-decoration: none
}

.special-links .special-links__item h4 {
	
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block
}

.special-links .special-links__item h4:after {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(/img/yellow-circle.png);
	margin-left: 6px
}

.selection {
	width: 600px
}

.tabs-selection {
	display: block;
	margin-bottom: 10px
}

.tabs-selection .tabs-selection__title {
	font-weight: 900;
	font-size: 16px;
	display: inline-block;
	width: 49%;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	text-decoration: none;
	padding: 6px 0;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.tabs-selection .tabs-selection__title.-by-brands {
	background-image: url(/img/car-brand.png)
}

.tabs-selection .tabs-selection__title.-by-akpp {
	background-image: url(/img/akpp-types.png)
}

.tabs-selection .tabs-selection__title.-selected {
	border: 1px solid #e6e6e6;
	border-bottom: none;
	border-radius: 4px 4px 0 0
}

.tabs-content {
	display: block;
	margin-top: 10px
}

.tabs-content .tabs-content__item {
	background-color: #eaeaea;
	border-radius: 4px;
	padding: 8px;
	display: none
}

.tabs-content .tabs-content__item .tabs-content__item-show {
	text-decoration: none;
	display: inline-block;
	padding: 2px 10px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin-left: 10px;
	margin-top: 10px;
	float: right
}

.tabs-content .tabs-content__item .tabs-content__item-show:hover {
	font-weight: 900;
}

.tabs-content .tabs-content__item.-selected {
	display: block!important
}

.tabs-content .tabs-content__item:after {
	content: ' ';
	display: block;
	clear: both
}

.tabs-content .tabs-content__item ul {
	display: block;
	width: 95%;
	margin: 10px auto 0;
	list-style: none;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4
}

.tabs-content .tabs-content__item ul a {
	
	font-weight: 400;
	text-transform: none;
	text-decoration: none
}

.search-menu__item>a, .search-menu__submenu-show:hover, .tabs-content__item ul a:hover {
	font-weight: 900;
}

.search-menu__submenu-list a:hover, .tabs-content__item a:hover{
	border-bottom: 3px solid var(--color-sub);
}
.catalog-menu:hover .catalog-menu__submenu{
	display: block !important;
}
.catalog-menu__submenu-item span:after{
	background-color: var(--color-sub);
    display: block;
    content: "";
    height: 3px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.catalog-menu__submenu-item:hover span:after{
	width: 100%;
}
.search-menu__submenu-link:hover{
	border-bottom: 3px solid var(--color-sub);
	font-weight: 900;
}
.search-menu__submenu-showall:hover{
	background-color: var(--color-sub);
}
.search-menu__item {
	display: inline-block;
	position: relative;
	z-index: 99;
	cursor: pointer;
	margin-right: 10px;
	padding: 13px 0;
}

.search-menu__item>a {
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none
}
.search-menu__item-wrapper{
	display: flex;
	align-items: center;
}
.search-menu__item-text{
	text-transform: uppercase;
	font-weight: 900;
}
.search-menu__item-icon{
	background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.search-menu__item-icon.-trans{
	background-image: url(/img/menu-gear.png);
}
.search-menu__item-icon.-car{
	background-image: url(/img/menu-vehicle.png);
}
.search-menu__item-icon.-delivery{
	background-image: url(/img/menu-box.png);
}
.search-menu__item-icon.-contacts{
	background-image: url(/img/menu-person.png);
}
.search-menu .search-menu__item.-contacts {
/*	background-image: url(/img/menu-person.png);
	padding-left: 24px;
    background-size: 16px;
}

.search-menu .search-menu__item.-delivery {
/*	background-image: url(/img/menu-box.png);
	padding-left: 26px;
    background-size: 18px;*/
}

.search-menu__item {
	border-bottom: 3px solid transparent;
}
.search-menu__item:hover {
	border-bottom: 3px solid var(--color-sub);
}

.search-menu__item.-akpp-types:hover .search-menu__submenu,
.search-menu__item.-car-brands:hover .search-menu__submenu{
	display: block;
}
.search-menu__submenu {
	position: absolute;
	z-index: 99;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	width: 623px;
	top: 53px;
	left: -20px;
	display: none;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.search-menu__submenu-show {
	text-decoration: none;
	display: inline-block;
	padding: 2px 10px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.search-menu__submenu-list {
	display: block;
	width: 95%;
	margin: 10px auto 0;
	list-style: none;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4
}

.search-menu__submenu-trans{
	/*display: flex;
	justify-content: start;
	flex-direction: column;
	flex-wrap: wrap;
	height: 400px;*/
}
.submenu-trans-wrapper{
	display: flex;
    justify-content: start;
    flex-direction: column;
    flex-wrap: wrap;
    height: 350px;
}

.search-menu__submenu-list a,  .search-menu__submenu-trans a{
	
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
	line-height: 12px;
}

.catalog-menu .catalog-menu__title,
.search-menu__submenu-list a:hover{
	font-weight: 600;
}
.search-menu__submenu-item{
	display: flex;
	align-items: center;
	height: 24px;
	width: 110px;
}
.-top .search-menu__submenu-item{
	height: 30px;
	width: 120px;
}
.-top .search-menu__submenu-item a{
	font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.search-menu__submenu-wrapper{
	display: flex;
	padding: 15px;
}
.search-menu__submenu-wrapper .-top{
	border-right: 1px solid lightgray;
	padding-right: 25px;
	justify-content: space-between;
}
.search-menu__submenu-wrapper .-popular{
	padding-left: 25px;
}
.search-menu__submenu-wrapper .-popular a{
	margin-right: 15px;
}
.search-menu__submenu-title{
	display: flex;
	align-items: center;
	background-color: var(--color-sub);
	padding: 7px 14px;
	width: fit-content;
	border-radius: 4px;
	margin-bottom: 8px;
}
.search-menu__submenu-title i{
	font-size: 8px;
    margin-right: 15px;
}
.search-menu__submenu-title-text{
	font-weight: bold;
	font-size: 14px;
	margin-top: 1px;
}
.search-menu__submenu-title-icon{
	background-size: 22px;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background-image: url(https://avtgr.ru/img/new.png);
}
.search-menu__submenu-el{
	text-decoration: none;
	
}
.search-menu__submenu-el:hover{
	font-weight: bold;
	border-bottom: 3px solid var(--color-sub);
}
.search-menu__submenu-showall{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
	padding: 7px;
	transition: 1s all ease;
}
/*.search-menu__submenu-item .fas{
	margin-left: 5px;
	padding: 2px 10px;
	background-color: var(--color-sub);
	font-size: 10px;
	border-radius: 4px;
}*/
.search-menu__label{
	padding: 2px 5px;
    background-color: var(--color-sub);
    font-size: 11px;
    border-radius: 4px;
    line-height: 12px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.search-menu__label .fas{
	font-size: 8px;
	margin-right: 5px;
}
.search-menu__submenu-new{
	padding: 2px 5px;
    background-color: var(--color-sub);
    font-size: 12px;
    border-radius: 4px;
    line-height: 12px;
    margin-left: 5px;
}
.catalog-menu {
	width: 236px;
	height: 56px;
	background-color: var(--color-sub);
	cursor: pointer;
	text-align: center;
	position: relative;
	z-index: 99;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.catalog-menu .fa-bars{
	font-size: 20px;
	margin-right: 10px;
}
.catalog-menu__title{
	display: flex;
	align-items: center;
}
.catalog-menu__title-text {
	font-size: 14px;
	line-height: 48px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.catalog-menu__submenu {
	position: absolute;
	z-index: 99;
	width: 350px;
	background-color: #f8f8f8;
	top: 46px;
	left: 0;
	padding: 0 15px;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.catalog-menu__submenu-item {
	display: block;
    border-bottom: 1px solid #e6e6e6;
    text-decoration: none;
    padding: 12px 0;
    line-height: 1.3em;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.catalog-menu .catalog-menu__submenu .catalog-menu__submenu-item:hover,
.contacts-phones .contacts-phones__item {
	font-weight: 600;
}

.catalog-menu .catalog-menu__submenu .catalog-menu__submenu-item:last-child {
	border: none
}
.social-buttons {
	margin-left: 10px;
	position: relative;
	top: 2px;
    left: -0px;
}

.social-buttons .social-buttons__item {
	width: 27px;
	height: 25px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(/img/messangers.png)
}

.social-buttons .social-buttons__item.-viber {
	background-position: -55px 0;
	position: relative;
	left: -3px
}

.social-buttons .social-buttons__item.-whatsapp {
	background-position: -30px 0
}

.social-buttons .social-buttons__item.-telegram {
	background-position: 0 0
}

.contacts-phones {
	margin-left: 0px
}

.contacts-phones .contacts-phones__item {
	display: inline-block;
	font-size: 14px;
	line-height: 48px;
	font-weight: 700;
	cursor: pointer;
	position: relative
}

.contacts-phones .contacts-phones__item.-phone-icon {
	padding-left: 35px;
	margin-left: 10px
}

.contacts-phones .contacts-phones__item.-phone-icon:before {
	content: ' ';
	display: inline-block;
	background-image: url(/img/call-me.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 6px;
	top: 12px;
	background-size: 17px;
}

.contacts-phones .contacts-phones__item:first-child {
	margin-right: 10px
}
.company-blogs .company-blogs__description {
	margin-top: 15px;
	margin-bottom: 7px
}

.company-blogs .company-blogs__title {
	font-weight: 900;
	font-size: 16px;
	padding-left: 40px;
	position: relative;
}

.company-blogs .company-blogs__title:before {
	content: ' ';
	display: inline-block;
	background-image: url(/img/blog.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 2px;
}

.company-blogs .company-blogs__posts {
	background-color: #fff;
	border: 1px solid #eaeaea;
	padding: 8px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	
}

.company-blogs .company-blogs__posts:after {
	content: ' ';
	display: block;
	clear: both
}

.company-blogs .company-blogs__posts .company-blogs__more {
	float: right;
	text-decoration: none;
	display: inline-block;
	padding: 2px 10px;
	background-color: #eaeaea;
	border-radius: 4px;
	margin-left: 10px;
	margin-top: 10px;
	transition: 0.8s;
}

.company-blogs .company-blogs__posts .company-blogs__more:hover {
	background-color: var(--color-sub);
}

.company-blogs .company-blogs__posts .company-blogs__posts-item {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	margin-bottom: 15px;
	padding: 7px;
	position: relative;
	transition: 0.8s;
	border-bottom: 1px solid #eaeaea;
}

.company-blogs a{
	text-decoration: none;
}

.company-blogs .company-blogs__posts .company-blogs__posts-item:hover{
	background-color: var(--color-sub);
	border-radius: 4px;
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-picture {
	margin: 0 10px;
	width: 55px
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-picture img {
	max-width: 100%;
	width: 100%;
	border-radius: 4px;
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-date {
	
	text-decoration: none;
	color: #9a9a9a;
	font-size: 12px
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-title {
	width: 325px;
	margin: 0 15px;
	position: initial
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-title h4 {
	font-size: 14px;
	
	font-weight: 400;
	line-height: 1.3em
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-title a {
	
	text-decoration: none;
	color: #9a9a9a;
	font-size: 12px;
	position: absolute;
	bottom: 10px
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-title a:hover {
	text-decoration: underline
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-date {
	position: initial;
	width: 65px
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-date .company-blogs__item-date-type {
	position: absolute;
	top: 0
}

.company-blogs .company-blogs__posts .company-blogs__posts-item .company-blogs__item-date .company-blogs__item-date-date {
	position: absolute;
	bottom: 10px
}

.display-shadow {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 9;
    display: none;
    border-radius: 4px;
}

.help-form__title {
	background-color: #eaeaea;
	padding: 7px 0;
	margin-bottom:15px;
	padding-left: 30px;
	position: relative;
}

.help-form__title:before {
	content: '';
	display: block;
	width: 15px;
	background-color: #ffd801;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
}

.form-groups {
	width: 70%;
	margin-top: 20px;
}

.form-groups__row {
	display: flex;
	align-items: top;
	justify-content: left;
}

.form-groups__column {
	width: 250px;
	display: block;
	margin-right: 25px;
	margin-bottom: 20px;
}

.form-groups__column label {
	display: block;
	font-weight: bold;
}

.form-groups__row .-wide {
	width: 385px;
}

.form-groups__column input[type="text"],  
.form-groups__column input[type="tel"] {
	width: 100%;
	border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
    height: 37px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    
}

.form-groups__column textarea {
	width: 100%;
	border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px;
    background-color: transparent;
    min-height: 0;
    font-size: 12px !important;
    
}
.form-groups__notice {
	padding: 10px;
	background-color: #eaeaea;
	border-radius: 4px;
	width: 75%;
    line-height: 18px;
}
.form-wrapper{
	display: flex;
}
.form-wrapper .form-groups{
	width: 99%;
	margin-top: 0;
}
.form-notice {
	padding: 10px;
	background-color: #fff7cc;
	border-radius: 4px;
	height: fit-content;
	border: 1px solid #eaeaea;
}
.form-notice p{
	margin-bottom: 10px;
}
.form-groups__buttons {
	margin-top: 20px;
}
.form-groups__button{
    margin: 0 19px 0 0;
    padding: 0 19px 0 20px;
    background: black;
    border: 1px solid black;
    border-radius: 4px;
    font-size: 11px;
    line-height: 34px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
   	font-weight: 600;
    font-size: 14px;
}
.form-info{
	background-color: #eaeaea;
	border-radius: 4px;
}
.sheme_ajax_load.-full {
	position: fixed;
	z-index: 1000 !important;
	bottom: 0;
	left: 0;
	right: 0;
}

.schema__table{
	box-sizing: unset !important;
}
.schema__title{
	margin-bottom: 20px;
    font-size: 18px;
}
.schema__list{
	max-width: 900px;
}
.sheme_ajax_load.-full .catalogue-items__table{
	background-color: #fff;	
}

.close-schema-items {
	display: none;
	text-align: right;
}

.sheme_ajax_load.-full .close-schema-items {
	display: block !important; 
}

.tabset-rus{
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 0 30px;
    display: inline-block;
    border: 2px solid #001d33;
    border-radius: 4px;
    line-height: 48px;
    background: #f6f6f6;
}

.news-detail__data {
	display: flex;
	margin-bottom: 15px;
}
.news-detail__item i{
	margin-right: 5px;
}
.detail__item-data{
	margin-right: 30px;
}
.footer-item__cross{
	font-size: 12px;
	text-decoration: none;
	color: gray;
}

/*БАННЕРЫ*/
.swiper-container.-sm{
	height: 80px;
}
.slider-container{
	width: 1170px;
	margin: 0 auto;
}
.blog-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-list__item{
	margin-bottom: 15px;
	display: flex;
	padding: 15px;
	text-decoration: none;
	background-color: white;
}
.blog-list__item-img{
	margin-right: 30px;
}
.blog-list__item-img img{
	width: 100px;
	min-width: 100px;
	height: 100px;
	border-radius: 4px;
}
.blog-list__item-data{
	display: flex;
	color: gray;
	margin-bottom: 15px;
}
.blog-list__item-tip:first-child{
	margin-right: 15px;
}
.blog-list__item-title{
	text-decoration: none;
	transition: var(--transition-ease);
	font-weight: 600;
}
.blog-list__item-title:hover{
	color: var(--color-sub);
}
.footer-item__mobile{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: var(--color-sub);
	width: fit-content;
	border-radius: 4px;
	text-decoration: none;
}
.vin-panel{
	background-color: #eaeaea;
	display: flex;
	padding: 10px 20px;
	border-radius: 4px;
	margin-bottom: 15px;
}
.vin-panel__column{
	display: flex;
	flex-direction: column;
	margin-right: 30px;
}
.vin-panel__column-title{
	color: gray;
}
.vin-panel__column .-vin{
	text-transform: uppercase;
}
.vin-block{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.vin-title{
	font-size: 24px;
	font-weight: bold;
	margin-right: 15px;
}
.vin-info{
	padding: 5px 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-radius: 4px;
    display: inline-block;
    background-color: var(--color-sub);
}
.vin-info span{
	font-weight: bold;
	border-bottom: 3px solid var(--color-sub);
}
.vin-info__tip{
	color: gray;
}
.vin-info-wrapper{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 30px;
}
.vin-form{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 15px;
	height: 40px;
}
.vin-form__input{
	padding: 0 15px;
	height: inherit;
    width: 230px;
    border: 2px solid black;
    border-radius: 4px 0 0 4px;
    
    box-sizing: border-box;
}
.vin-form__button{
	border: 1px solid black;
    padding: 0 15px;
    border-radius: 0 4px 4px 0;
    background-color: black;
    cursor: pointer;
    height: inherit;
    box-sizing: border-box;
}
.vin-form__button:focus{
	border: 1px solid black;
	outline: none;
}
.vin-loader__wrapper{
	display: flex;
	align-items: center;
}
.vin-loader__tip{
	color: gray;
}
.vin-loader i{
	margin-right: 10px;
	font-size: 20px;
}
.vin-block__links{
	margin-left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.vin-block__links-link{
	text-decoration: none;
	cursor: pointer;
}
.vin-block__links-link:hover{
	text-decoration: underline;
}
.vin-block__links .fas, .vin-block__links .far{
	margin-right: 5px;
}
.vin-trans{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px !important;
	position: relative;
}
.vin-trans__block-tip{
	color: gray;
}
.vin-trans__block-trans{
	font-size: 24px;
	font-weight: bold;
	margin-right: 10px;
}
.vin-trans__block-wrapper{
	display: flex;
}
.vin-trans__block-notice{
	background-color: #eaeaea;
	width: 25px;
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
	transition: 0.8s;
}
.vin-trans__block-notice:hover{
	background-color: var(--color-sub);
}
.vin-trans__notice-wrapper{
	background-color: rgba(0,0,0,.65);
    display: none;
    overflow: auto;
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vin-trans__notice{
	padding: 15px;
    background-color: #ffffff;
    border: 2px solid #eaeaea;
    border-radius: 4px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    max-width: 500px;
    transform: translate(-50%, -50%);
}
.vin-trans__notice-text{
	margin-bottom: 10px;
}
.vin-send-form{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	width: fit-content;
}
.vin-send-form .form-groups{
	width: 100%;
	margin-top: 15px;
}
.vin-form-info ul{
	margin: 15px 16px;
    list-style: disc;
}
.vin-form-info li{
	margin-bottom: 15px;
}
.vin-send-form__title{
	border-bottom: 3px solid var(--color-sub);
	font-weight: bold;
	width: fit-content;
}
.vin-shadow{
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 9;
    display: none;
    z-index: 111;
}
.vin-items .catalogue-items__plates{
	margin-bottom: 30px;
}
.catalogue-items__empty{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eaeaea;
	padding: 10px 0;
}
.catalogue-items__empty-img{
	width: 25px;
	margin-right: 15px;
}
.catalogue-items__empty-text{
	font-size: 14px;
	font-weight: bold;
}
.fa-search{
	color: white;
}
.management__form{
	width: 75%;
}
.car__coups{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.car__coups-item{
	display: flex;
	flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 400;
    color: black;
    padding: 2px 20px;
    background-color: #eaeaea;
    line-height: 18px;
    margin: 3px 0;
    position: relative;
    z-index: 7;
    width: 99px;
    height: 39px;
    border: 1px solid #b7b5b5;

}
.car__coups-item:hover{
	background-color: var(--color-sub);
}
.car__coups-wrapper{
	margin-right: 6px;
}
.car__coups-wrapper:nth-child(8n){
	margin-right: 0;
}
.car__coups-wrapper .selected{
	background-color: var(--color-sub);
}
.tabs-content__link-wrapper .-important{
	background-color: var(--color-sub);
}
.vin-alert{
	width: fit-content;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}
.vin-form-wrapper{
	display: flex;
	justify-content: space-between;
}
.vin-alert__header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #eaeaea;
	padding: 5px 10px;
	cursor: pointer;
	width: 703px;
}
.vin-alert__header-text{
	font-weight: bold;
}
.vin-alert__text{
	padding: 5px 10px;
	border-radius: 4px;
}
.vin-alert__text ul{
	margin: 5px 16px;
    list-style: disc;
}
.vin-form-info{
	width: 22%;
	background-color: #eaeaea;
	padding: 15px;
	border-radius: 4px;
}
.vin-empty{
	margin-bottom: 15px;
	background-color: var(--color-sub);
    padding: 5px 15px;
    border-radius: 4px;
    width: fit-content;
}
.vin-empty__text{
	font-weight: bold;
}
.vin-success{
	color: #155724;
    background-color: #d4edda;
    padding: 5px 15px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 15px;
}
.vin-success a{
	color: #155724;
}
.vin-success .fas{
	margin-right: 5px;
}
.blog-section__container{
	display: flex;
}
.blog-section__container-img{
	border: 1px solid #eaeaea;
	border-radius: 4px;
}
.blog-section__source{
	display: block;
	text-decoration: none;
	background-color: #f8f8f8;
	border-radius: 4px;
	padding: 5px 10px;
	width: fit-content;
	margin-bottom: 10px;
}
.blog-insrtuction{
	width: fit-content;
	border: 1px solid #eaeaea;
	margin-bottom: 10px;
}
.blog-insrtuction ul{
	padding: 0 15px;
}
.blog-insrtuction__title{
	padding: 0 15px;
	font-weight: bold;
	background-color: #eaeaea;
}
.blog-kit__hr{
	font-size: 18px;
}
.scheme_trans{
	background-color: #fff;
	border-radius: 4px;
	width: fit-content;
	padding: 10px;
	position: absolute;
	z-index: 1000;
}
.scheme_trans span{
	font-size: 18px;
	font-weight: bold;
}
.search-vin__wrapper{
	display: flex;
	align-items: center;
}
.search-vin__result{
	display: flex;
	align-items: center;
	cursor: pointer;
	text-decoration: none;
	padding: 5px 10px;
	width: fit-content;
	transition: 0.8s;
}
.search-vin__img{
	width: 40px;
	margin-right: 15px;
}
.search-vin__name, .search-vin__desc{
	text-decoration: none;
}
.search-vin__name{
	font-weight: bold;
}
.search-vin__text{
	display: flex;
	flex-direction: column;
}
.search-result__info{
	background-color: white;
	padding: 10px 15px;
	width: fit-content;
	margin-bottom: 15px;
}
.search-result__results .col-xs-12{
	margin-bottom: 15px;
}
/*НОВЫЙ ПОИСК*/
.autocomplete_section{
	padding: 10px;
	padding-top: 0;
}
.search-form__sep{
	flex-basis: 100%;
	padding: 4px 0;
	font-weight: bold;
	color: darkgray;
	margin-bottom: 5px;
	display: block;
}
.autocomplete_section__item{
	display: flex;
	text-decoration: none;
	margin-bottom: 10px;
	width: fit-content;
	cursor: pointer;
	flex-wrap: wrap;
}
.autocomplete_section__item:last-child{
	margin-bottom: 0;
}
.autocomplete_section__image, .autocomplete_section__ico{
	width: 35px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.autocomplete_subsection{
	display: flex;
	flex-direction: column;
	line-height: 18px;
	padding: 0 5px;
	transition: 0.8s;
}
.autocomplete_subsection__title{
	text-transform: uppercase;
	/*font-weight: bold;*/
}
.autocomplete_section__item:hover .autocomplete_section__title, .autocomplete_section__item:hover .autocomplete_subsection{ 
	/*background-color:  var(--color-sub);*/
}
.autocomplete_section__title{
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 5px;
	border-radius: 4px;
	transition: 0.8s;
}
.autocomplete_subsection__tip{
	color: gray;
	font-size: 12px;
}
.autocomplete_subsection__tip b{
	color: black;
}
.autocomplete_section__ico i{
	color: darkgray;
	font-size: 16px;
}
.autocomplete_section b{
	font-weight: bold;
}
.autocomplete_section__line{
	display: none;
	height: 1px;
	display: block;
	background-color: #eaeaea;
	margin-bottom: 10px;
}
.active .autocomplete_subsection, .active .autocomplete_section__title{
	background-color:  var(--color-gray);
}
.search-vin__vendors{
	display: flex;
}
.search-vin__vendor{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-right: 15px;
	width: 145px;
	background-color: white;
}
.autocomplete_section__analog{
	padding: 2px 4px;
	background-color: #eaeaea;
	border-radius: 4px;
	font-size: 12px;
	align-self: center;
}
.autocomplete_subsection__wrapper{
	display: flex;
	justify-content: space-between;
	width: 486px;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown{
	overflow: hidden;
}
/*ПРОВЕРКА СХЕМ*/
.scheme-check{
	display: flex;
}
.scheme-check__item{
	display: block;
	width: 33%;
	margin-right: 30px;
}
.scheme-check__item textarea{
	margin-bottom: 15px;
}
.tip-analogs {
	text-transform: uppercase;
}
.filter-modal{
	padding: 20px !important;
	max-width: 450px; 
	min-width: 450px;
}
.filter-modal__window{
	display: flex;
	flex-direction: column;
}
.loading{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.loading i{
	margin-right: 15px;
	width: fit-content;
	font-size: 16px;
}
/*ЕСЛИ НУЖНО ОТКАЗАТЬСЯ ОТ FANCYBOX
/*.filter-modal{
	background-color: rgba(0,0,0,.65);
    display: none;
    overflow: auto;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filter-modal__window{
	display: flex;
	flex-direction: column;
	padding: 20px;
    border-radius: 4px;
    background-color: white;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    min-width: 350px;
    max-width: 400px;
    transform: translate(-50%, -50%);
}*/
.close-filters{
	font-size: 20px;
    cursor: pointer;
    color: black;
    transition: 0.8s;
}
.close-filters:hover{
	color: var(--color-sub);
}
.filter-modal__header{
	font-size: 16px;
	font-weight: 600;
}
.filter-modal__window-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.filter-modal__body{
	max-height: 400px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    font-size: 12px;
    padding: 0;
    transition: all 1s ease;
    margin: 15px 0;
}
.filter-modal__window-inputs{
	max-height: 400px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    font-size: 12px;
    padding: 10px 0;
}
.filter-modal__items-row label, .filter-modal__items-row input{
	cursor: pointer;
}
.filter-modal__items-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
}
.filter-modal__items-button{
	border: none;
	padding: 4px 20px;
    background-color: var(--color-dark);
    font-size: 14px;
    align-self: flex-end;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    color: white;
    transition: var(--transition-ease);
}
.filter-modal__items-button:hover{
	background-color: var(--color-sub);
}
.filter-modal__items-name{
	font-size: 14px;
	cursor: pointer;
	text-transform: uppercase;
	margin-right: 5px;
}
.filter-modal__items-name:hover{
	color: var(--color-sub);
}
.filter-modal__search{
	padding: 5px 10px;
    background-color: #f8f8f8;
    margin-top: 10px;
    font-size: 12px;
}
.filter-modal form{
	display: flex;
	flex-direction: column;
}
.filter-modal__items-analogs{
	font-size: 12px;
	color: gray;
	display: block;
	padding: 2px 0;
}
.filter-modal__items-checkbox{
  position: absolute;
  left: -9999px;
}
.filter-modal__items-name {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.filter-modal__items-checkbox.inactive + .filter-modal__items-name:before,
.filter-modal__items-checkbox.active + .filter-modal__items-name:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid black;
  box-sizing: border-box;
  border-radius: 3px;
  margin-right: 20px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0.2s;
}

.filter-modal__items-checkbox.inactive + .filter-modal__items-name:after,
.filter-modal__items-checkbox.active + .filter-modal__items-name:after {
  content: "";
  font-family: fontawesome;
  font-size: 14px;
  display: flex;
  height: 100%;
  align-items: center;
  position: absolute;
  top: 0;
  left: 2px;
  color: var(--color-sub);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  transform-origin: center center;
  opacity: 0;
}

.filter-modal__items-checkbox.inactive + .filter-modal__items-name:after {
  transform: scale(0);
}

.filter-modal__items-checkbox.active + .filter-modal__items-name:before {
  transform: scale(0);
  opacity: 0;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.filter-modal__items-checkbox.active + .filter-modal__items-name:after {
  transform: scale(1);
  opacity: 1;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.57, 1.9, 0, 1.52);
  transition-delay: 0.2s;
}
.trans-block{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 20px;
}
.trans-block__card{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px 20px;
	margin-right: 15px;
	text-decoration: none;
	transition: 0.8s;
}
.trans-block__card:hover{
	background-color: var(--color-sub);
}
.trans-block__card-title{
	background: black;
    color: #fff;
    border-radius: 4px;
    padding: 2px 5px;
    margin-bottom: 5px;
}
.trans-block__card-analog{
	font-size: 12px;
	background-color: #e6e6e6;
	padding: 2px 5px;
	border-radius: 4px;
}
.trans-block__card-analogs{
	font-size: 12px;
}
.trans-block__card-vendor{
	margin-bottom: 5px;
}
.trans-alert{
	display: flex;
	align-items: center;
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px 15px;
}
.trans-alert__warning{
	width: 35px;
	height: 30px;
	margin-right: 15px;
}
.social__item{
	margin-right: 10px;
}
.vin-originals table, .vin-originals td, .vin-originals th {
    border: 1px solid #b7b5b5;
}
.vin-originals th {
    background-color: #eaeaea;
    height: 50px;
    vertical-align: middle;
}
.vin-originals td, .vin-originals th {
    padding: 5px;
}
.vin-originals td{
	text-transform: uppercase;
}
.vin-block__wrapper{
	display: flex;
	align-items: center;
}
.vin-video-tittle{
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 15px;
	padding: 5px 15px;
	background-color: var(--color-sub);
	width: fit-content;
	border-radius: 4px;
}
.vin-alert__header-icon{
	margin-right: 10px;
}
.youtube-video{
	margin-bottom: 15px;
}
/*КАРТОЧКИ НА ГЛАВНОЙ*/
.new-product{
	width: 600px;
	height: 332px;
	border: 1px solid #eaeaea;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	position: relative;
}
.new-product .swiper-container{
	height: auto;
}
.new-product__wrapper{
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
    height: 250px;
}
.new-product__image-img{
	width: 230px;
	height: 230px;
}
.new-product__title{
	font-weight: 900;
}
.new-product__link{
	text-decoration: none;
	transition: 0.8s;
	display: inline-block;
}
.new-product__link:hover{
	color: black61;
}
.new-product__description{
	width: 300px;
}
.new-product__description-item{
	font-size: 12px;
}
.new-product__description-lable{
	color: gray;
}
.new-product__trans{
	font-weight: bold;
}
.new-products__all{
	text-decoration: none;
	transition: var(--transition-ease);
}
.new-products__all:hover{
	background-color: var(--color-dark);
}
.products-and-blog__title{
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.products-and-blog__title-block{
	display: flex;
}
.products-and-blog__title-text{
	font-size: 16px;
	font-weight: 900;

}
.products-and-blog__title-icon{
	background-size: 24px;
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 15px;
}
.products-and-blog__title .-new{
	background-image: url('https://avtgr.ru/img/new.png');
}
.products-and-blog__title .-blog{
	background-image: url('https://avtgr.ru/img/blog.png');
}
.products-and-blog__title-wrapper{
	display: flex;
	flex-direction: column;
}
.products-and-blog__title-wrapper .-new{
	background-color: var(--color-sub);
}
.products-and-blog__title-wrapper .-blog{
	background-color: #eaeaea;
}
.catalogue-block__price-wrapper{
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.new-product .catalogue-block__price-item.-price-button{
	width: 100%;
	
}
.new-product .catalogue-item__buy-button{
	height: 25px;
}
.new-product__show-all{
	float: right;
    text-decoration: none;
    display: inline-block;
    padding: 2px 10px;
    background-color: #eaeaea;
    border-radius: 4px;
    margin-right: 15px;
    transition: 0.8s;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.new-product__show-all:hover{
	background-color: var(--color-sub);
}
.new-product .fas{
	font-size: 20px;
	color: black;
}
.products-and-blog__title-wrapper .-auto{
	background-color: #eaeaea;
}
.products-and-blog__title .-auto{
	background-image: url(/img/menu-vehicle.png);
}
.selection__block{
	background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.selection__block-list{
	display: block;
	column-count: 4;
}
.selection__link{
    text-decoration: none;
    display: inline-block;
    padding: 2px 10px;
    background-color: #eaeaea;
    border-radius: 4px;
    margin-top: 22px;
    transition: 0.8s;
    margin-left: 10px;
}
.selection__block-links{
	display: flex;
	justify-content: flex-end;
}
.selection__block-list a{
	text-decoration: none;
}
.new-product .swiper-pagination{
	width: auto !important;
	left: 20px !important;
}
/*HOW TO KIT*/
.how-to-kit__title{
	font-size: 22px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 15px;
}
.how-to-kit__subtitle{
	font-weight: 900;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 3px solid var(--color-sub);
    width: fit-content;
}
.how-to-kit__desc{
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
}
.how-to-kit__block{
	display: flex;
	justify-content: space-between;
}
.how-to-kit__block-item{
	display: flex;
	border: 2px solid #eaeaea;
    border-radius: 4px;
    background-color: #eaeaea;
    width: 330px;
    height: 190px;
    padding: 15px;
    background-size: 100%;
   	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	text-decoration: none;
}
.how-to-kit__block-item:hover{
	background-size: 120%;
	
}
.how-to-kit__block-item:hover .how-to-kit__block-title:after{
	width: 100%;
}
.how-to-kit__block .-vin{
	background-image: url('http://avtgr.ru/img/kit-vin2.jpg');
}
.how-to-kit__block .-auto{
	background-image: url('http://avtgr.ru/img/kit-car2.jpg');
}
.how-to-kit__block .-type{
	background-image: url('http://avtgr.ru/img/kit-type2.jpg');
}
.how-to-kit__block-title{
	color: black;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	font-weight: 900;
	align-self: flex-end;
	display: inline-block;
    line-height: 1;
    text-transform: uppercase;
}
.how-to-kit__block-title:after{
	background-color: var(--color-sub);
    display: block;
    content: "";
    height: 3px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.how-to-kit__list{
	margin: 15px 16px;
    list-style: disc;
}
.how-to-kit__block-tip{
	font-style: italic;
	color: darkgray;
}
.how-to-kit__breadcrumb{
	font-size: 22px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.how-to-kit__wrapper{
	background-color: #f3f3f3;
	border-radius: 4px;
	padding: 20px;
	margin: 25px 0 30px 0;
}
.how-to-kit__title-wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.how-to-kit__icon{
	font-size: 20px;
	color: var(--color-sub);
}
.blog-section th{
	padding: 0 30px;
}
.blog-section__img-center{
	display: flex;
	justify-content: center;
	margin: 15px 0;
}
.personal-links__row-lable{
	padding: 0 5px;
    margin-left: 5px;
    background-color: var(--color-sub);
    border-radius: 4px;
    line-height: 15px;
    font-size: 12px;
}
/*Главная*/
.news{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.main-categories{
	width: 325px;
    /*height: 350px;
    overflow: hidden;*/
    z-index: 10;
}
.main-categories.active{
	overflow: unset;
}
.main-categories.active .main-categories__wrapper{
	-webkit-box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 40%);
    -moz-box-shadow: 0px -1px 8px 0px rgba(34, 60, 80, 0.4);
    box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 40%);
}
.main-categories__wrapper{
	background-color: var(--color-dark);
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 325px;
}
.main-categories .main-title{
	margin-bottom: 12px;
}
.main-categories__item{
	color: white;
	text-decoration: none;
	padding: 0 10px;
	height: 49px;
	border-bottom: 1px solid var(--color-gray);
	display: flex;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition-ease);
    font-size: 14px;
}
.main-categories__hidden{
	display: none;
}
.main-categories__item:last-child{
	/*border-bottom: none;*/
}
.main-categories__item:hover{
	background-color: var(--color-sub);
}
.main-categories__item.-show{
	background-color: var(--color-sub);
	border-bottom: none;
}
.main-categories__item.-show:hover{
	background-color: var(--color-green);
}
.main-categories__item.-show i{
	transition: all 0.2s linear;
}
.main-categories__item.-show.-active{
	background-color: var(--color-green);
}
.main-categories__item.-show.-active i{
	transform: rotate(-90deg);
}
.main-title{
	font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
    color: #232f3f;
	margin-bottom: 15px;
}
.main-about__blocks{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.main-about__item{
	width: 550px;
	background-color: #fff;
	padding: 20px;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.main-about__item img{
	margin-bottom: 20px;
}
.main-about__item-text {
    font-size: 16px;
    color: gray;
    text-align: center;
    width: 85%;
}
.main-vendors{
	margin-bottom: 30px;
}
.main-vendors__block{
	display: flex;
	justify-content: space-between;
}
.main-vendors__item{
	width: 150px;
	height: 150px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	transition: box-shadow 0.3s ease-in-out;
}
.main-vendors__item:hover{
	box-shadow: 0px 0px 8px 0px rgb(34 60 80 / 20%);
}
.special-sections{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.special-sections__item{
	display: flex;
	flex-direction: column;
	justify-content: end;
	background-color: #eaeaea;
	height: 200px;
	width: 15%;
	border-radius: 6px;
	padding: 10px;
}
.special-sections__item i{
	font-size: 72px;
	margin-bottom: 15px;
}
.special-sections__item-title{
	font-size: 16px;
	font-weight: 600;
}
.new-products, .popular-products{
	margin-bottom: 30px;
}
.new-products__all{
	padding: 0 15px;
    height: 22px;
    background-color: var(--color-sub);
    color: white;
    font-weight: 600;
    width: fit-content;
    text-transform: uppercase;
    display: flex;
    font-size: 10px;
    justify-content: center;
    align-items: center;
}
.main-title__wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.main-title__wrapper .main-title{
	margin-right: 15px;
	margin-bottom: 0;
}
.main-info{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}
.main-info__item{
	height: 350px;
	width: 590px;
	background-color: white;
	position: relative;
	display: flex;
	align-items: center;
}
.main-info__item-text{
	position: absolute;
    font-size: 28px;
    font-weight: 800;
    left: 20px;
    width: 35%;
    color: cornflowerblue;
}
.main-info__item-text span{
	color: var(--color-sub);
}
/*ЛИЧНЫЙ ГАРАЖ*/
.garage-title{
	margin-right: 10px;
}
.garage-cards{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.garage-card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 228px;
	padding: 20px;
	border-radius: 4px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid lightgray;
	height: 300px;
	overflow: auto;
}
.garage-card:nth-child(4){
	margin-right: 0;
}
.garage-card__title{
	font-weight: 900;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 16px;
    border-bottom: 1px solid lightgray;
}
.garage-card__text{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.garage-card__text-lable{
	font-weight: bold;
	margin-right: 10px;
	font-size: 12px;
}
.garage-card__button{
	font-size: 13px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	border-radius: 4px;
	text-decoration: none;
	margin-top: 15px;
	transition: 0.8s ease;
}
.garage-card__button:hover{
	background-color: var(--color-sub);
	color: black;
}
.garage-card__text-status{
	font-weight: bold;
}
.garage-card__text .success{
	color: #0d9006;
	font-size: 12px;
}
.garage-card__text .waiting{
	color: #a69d18;
	font-size: 12px;
}
.garage-add{
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid lightgray;
	transition: 0.6s ease;
}
.garage-add:hover{
	background-color: var(--color-sub);
	border: 1px solid var(--color-sub);
}
.garage-add__link{
	text-decoration: none;
	font-weight: 900;
	font-size: 18px;
}
.garage-add .fas{
	margin-right: 10px;
	font-size: 20px;
}
.blocker{
	z-index: 200 !important;
}
.garage-vin__title{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 15px;
}
.garage-vin__input{
	border: 2px solid black;
	outline: none;
	border-radius: 4px;
	padding: 5px 10px;
	width: 72%;
	margin-right: 10px;
	
}
.garage-vin__button{
	border: none;
	outline: none;
	padding: 7px 10px;
	border-radius: 4px;
	background-color: var(--color-sub);
	
	cursor: pointer;
}
.garage-empty{
	background-color: #eaeaea;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    width: fit-content;
}
.garage-empty .fas{
	margin-right: 15px;
}
.garage-instruction{
    width: fit-content;
}
.garage-instruction li{
	margin: 0 0 5px 15px;
    list-style: auto;
}
.garage-instruction__link{
	font-size: 12px;
	color: gray;
	cursor: pointer;
}
.garage-tittle__wrapper{
	display: flex;
	margin-bottom: 15px;
}
.garage-instruction .vin-success{
	margin-bottom: 0;
}
.blog-section__garage-img{
	background-color: #f3f3f3;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 15px;
	width: -webkit-fill-available;
	margin: 15x 0;
}
.blog-section__fancybox{
	cursor: zoom-in;
}
.blog-section__wrapper{
	display: flex;
	justify-content: space-around;
}
.blog-section__fancybox-images{
	width: 350px;
}
.blog_images-shadow{
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	border-radius: 4px;
	margin: 10px 0;
}
.garage-card__comment-input{
	outline: none;
	border: 1px solid lightgray;
	border-radius: 4px;
	
	padding: 5px;
	margin-right: 5px;
	width: 140px;
}
.garage-card__comment-input[type=text]{
	font-size: 12px;
}
.garage-card__comment-link{
	font-size: 12px;
	cursor: pointer;
}
.garage-card__comment-link:hover{
	text-decoration: underline;
}
.garage-card__comment-wrapper i{
	margin-right: 5px;
	cursor: pointer;
	transition: 0.6s ease;
}
.garage-card__comment-send:hover{
	color: #0d9006;
}
.garage-card__comment-hide:hover{
	color: darkred;
}
.garage-card__text-value{
	font-size: 12px;
}
.garage-card__edit{
	font-size: 12px;
	align-self: center;
}
.vin-edit{
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-radius: 4px;
	min-width: 400px;
}
.vin-edit__title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.vin-edit__title .fas{
	font-size: 14px;
	margin-left: 15px;
}
.vin-edit__field{
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.vin-edit__field-input{
	outline: none;
	border: 1px solid lightgray;
	border-radius: 4px;
	
	padding: 5px;
	margin-right: 5px;
	width: 100%;
}
.vin-edit__buttons{
	display: flex;
	justify-content: space-between;
}
.vin-edit__buttons .fas{
	margin-left: 15px;
}
.vin-edit__button{
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.6s ease;
}
.vin-edit__buttons .-save{
	color: #155724;
    background-color: #d4edda;
}
.vin-edit__buttons .-save:hover{
	background-color: #bed8c4;
}
.vin-edit__buttons .-del{
	color: #721c24;
    background-color: #f8d7da;
}
.vin-edit__buttons .-del:hover{
	background-color: #eab9bd;
}
.garage-card__title-brand{
	margin-right: 5px;
}
.vin-add{
	display: flex;
	min-width: 400px;
	border-radius: 4px;
}
.vin-add__form{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vin-add__title{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}
.modal-window{
	display: flex;
	min-width: 400px;
	max-width: 600px;
	border-radius: 4px;
	padding: 20px !important;
}
.modal-window__title{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}
.modal-window__field{
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.modal-window__field-label{
	color: darkgray;
}
.modal-window__field-input{
	outline: none;
	border: 1px solid lightgray;
	border-radius: 4px;
	
	padding: 5px;
	margin-right: 5px;
	width: 100%;
}
.modal-window__text{
	margin-bottom: 15px;
}
.modal-window__send{
	background-color: var(--color-sub);
	padding: 5px 15px;
	width: fit-content;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: 0.6s ease;
}
.modal-window__send:hover{
	background-color: #f5cf00;
}
.modal-window__list{
	list-style: disc;
    padding-left: 15px;
}
.modal-window__list-item{
	margin-bottom: 10px;
}
.modal-window__list-item:last-child{
	margin-bottom: 0;
}
.breadcrumb-navigation{
	margin-bottom: 15px;
}
/*СТРАНИЦА ЗАКАЗА - ДЕТАЛЬНО*/
.order-price{
	background: var(--color-sub);
	padding: 5px 10px;
	border: 1px solid #b7b5b5;
	border-top: none;
	text-align: center;
	width: 272px;
	float: right;
}
.order-price__sum{
	font-size: 14px;
    font-weight: bold;
}
.order-info__table{
	border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    margin-bottom: 30px;
}
.order-info__table td, .order-info__table th {
    color: black;
    letter-spacing: 0.24px;
    line-height: 1.4em;
        padding: 4px 10px;
    border: 1px solid #b7b5b5;
    vertical-align: middle;
    text-align: left;
}
.order-info__table th {
    padding: 10px 10px;
    border: 1px solid #b7b5b5;
    text-align: center;
    vertical-align: middle;
    background-color: #f8f8f8;
    color: black;
    font-weight: bold;
    letter-spacing: 0.24px;
}
.order-info__title{
	font-weight: 900;
	padding: 5px 10px;
	width: fit-content;
	background-color: var(--color-sub);
	border-radius: 4px;
	margin-bottom: 15px;
}
.vin-order__table .order-info__table tr:hover{
	background-color: var(--color-sub);
	cursor: pointer;
}
.vin-order__table .order-info__table{
	margin-bottom: 0;
}
.order-list .order-info__table th {
	font-size: 14px;
}
.order-info__table .fa-ruble-sign{
	font-size: 12px;
}
/*#########*/
.orders-list{
	display: flex;
	flex-direction: column;
}
.orders-list__header-item{
	font-size: 14px;
	text-transform: uppercase;
	color: black;
	font-weight: 600;
}
.orders-list__short, .orders-list__header{
	display: flex;
	padding: 0 15px;
}
.orders-list__header{
	border-bottom: 2px solid black;
	padding-bottom: 10px;
}
.orders-list__row{
	display: flex;
	flex-direction: column;
/*	border-bottom: 2px solid lightgray;*/
}
.orders-list__row .-active{
	background-color: var(--color-sub);
	border: none;
}
.orders-list__short{
	background-color: var(--color-dark);
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	border-bottom: 1px solid #f8f8f8;
	transition: 0.6s ease;
}
.orders-list__short:hover{
	background-color: #f8f8f8;
	color: black;
}
.orders-list__header-item, .orders-list__short-item{
	display: block;
}
.orders-list__header-item:nth-child(1), .orders-list__short-item:nth-child(1){
	width: 20%;
}
.orders-list__header-item:nth-child(2), .orders-list__short-item:nth-child(2){
	width: 20%;
}
.orders-list__header-item:nth-child(3), .orders-list__short-item:nth-child(3){
	width: 20%;
}
.orders-list__header-item:nth-child(4), .orders-list__short-item:nth-child(4){
	width: 18%;
}
.orders-list__header-item:nth-child(5), .orders-list__short-item:nth-child(5){
	width: 20%;
}
.orders-list__header-item:nth-child(6), .orders-list__short-item:nth-child(6){
	width: 2%;
}
.orders-list__detail{
	background-color: white;
}
.orders-products{
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #f8f8f8;
}
.orders-products__header, .orders-products__row{
	display: flex;
}
.orders-products__row{
	padding: 10px 0;
	margin: 0 15px;
	border-bottom: 1px solid #eaeaea;
}
.orders-products__row:last-child{
	border: none;
}
.orders-products__header{
	padding: 10px 0;
	margin: 0 15px;
	border-bottom: 1px solid black;
}
.orders-products__header-item{
	display: block;
	text-transform: uppercase;
	color: gray;
}
.orders-products__header-item:nth-child(1), .orders-products__row-item:nth-child(1){
	width: 70%;
}
.orders-products__header-item:nth-child(2), .orders-products__row-item:nth-child(2){
	width: 15%;
}
.orders-products__header-item:nth-child(3), .orders-products__row-item:nth-child(3){
	width: 15%;
}
.orders-products__row-item:nth-child(2), .orders-products__row-item:nth-child(3){
	font-weight: bold;
}
.orders-products__info{
	display: flex;
}
.orders-products__row-img{
	width: 70px;
	height: 70px;
	margin-right: 50px;
}
.orders-products__info-names{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	width: 30%;
}
.orders-products__info-img{
	margin-right: 50px;
}
.orders-products__info-description{
	font-size: 12px;
}
.orders-products__info-names .-name{
	font-weight: 600;
}
.orders-products__info-trans{
	font-size: 12px;
	width: 28%;
}
.orders-products__slide{
	cursor: pointer;
	padding: 0 10px;
	background-color: #f8f8f8;
	width: fit-content;
	border-radius: 4px;
	font-size: 10px;
	transition: 0.6s ease;
}
.orders-products__slide:hover{
	background-color: #eaeaea;
}
.vin-order__table{
	width: 500px;
}
.vin-order__table .orders-list__header-item:nth-child(1), .vin-order__table .orders-list__short-item:nth-child(1){
	width: 28%;
}
.vin-order__table .orders-list__header-item:nth-child(2), .vin-order__table .orders-list__short-item:nth-child(2){
	width: 28%;
}
.vin-order__table .orders-list__header-item:nth-child(3), .vin-order__table .orders-list__short-item:nth-child(3){
	width: 28%;
}
.vin-order__table .orders-list__header-item:nth-child(4), .vin-order__table .orders-list__short-item:nth-child(4){
	width: 16%;
}
#vin-order .modal-window__title{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 30px;
}
.fancybox__content>.carousel__button.is-close:hover{
	color: var(--color-sub);
}
.orders-list__short-link {
    text-decoration: none;
    color: black;
    background-color: #ececec;
    padding: 2px 5px;
    border-radius: 4px;
    transition: 0.8s ease;
}
.orders-list__short-link:hover{
	background-color: var(--color-sub);
}
.order-info{
	display: flex;
}
.order-info__item{
	display: flex;
	flex-direction: column;
	margin-right: 30px;
	justify-content: center;
}
.order-info__label{
	color: gray;
	text-transform: uppercase;
}
.order-info{
	padding: 10px 0;
    margin: 0 15px;
    border-bottom: 1px solid #f8f8f8;
}
.order-info__link{
	text-decoration: none;
    padding: 0 5px;
    border-radius: 4px;
    background-color: var(--color-sub);
    transition: 0.8s ease;
}
.order-info__link:hover{
	background-color: black;
	color: white;
}
.order-info__item .-success{
	color: #0d9006;
	font-weight: bold;
}
.order-info__item .-warning{
	color: #721c24;
	font-weight: bold;
}
.order-info__change{
	text-decoration: none;
    padding: 0 10px;
    background-color: #eaeaea;
    border-radius: 4px;
    width: 50%;
    transition: 0.8s ease;
    cursor: pointer;
    font-size: 12px;
}
.order-info__change:hover{
	background-color: var(--color-sub);
}
/*.catalogue-filter__wrapper{
	display: flex;
}
.catalogue-filter__wrapper, .catalogue-sort__wrapper{
	background-color: #eaeaea;
	padding: 0 10px;
	border-radius: 4px;
}

.catalogue-sort__item{
	padding: 3px 5px !important;
}*/
.catalogue-filter__tip, .catalogue-sort__title{
	font-weight: bold;
}

/*ОЦЕНКА ДОСТАВКИ*/
.delivery-city__title, .delivery-result__title{
    margin: 0;
    margin-bottom: 5px;
    color: black;
    text-transform: uppercase;
    font-size: 16px;
}
.delivery-result__title{
	margin-bottom: 15px;
	text-align: center;
}
.delivery-city__desc{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.delivery-city__desc-row{
    margin-bottom: 10px;
}
.delivery-city__desc-row:first-child{
	color: gray;
}
.delivery-city__desc-row:last-child{
	background-color: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
}
.delivery-city__desc-row:last-child, .delivery-result__parameter:last-child{
    margin-bottom: 0;
}
.delivery-city__form{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.delivery-city__submit{
    text-decoration: none;
    background-color: var(--color-sub);
    color: black;
    padding: 3px 7px;
    border-radius: 4px;
    transition: 0.6s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.delivery-city__submit i{
	margin-right: 5px;
}
.delivery-city__submit:hover{
    background-color: #ffe760;
}
.delivery-city__input{
    font-size: 14px;
    
    outline: none;
    height: 2em;
    width: 370px;
    border: 1px solid #c4c4c4;
    padding: 0 7px;
    margin-right: 10px;
}
.delivery-result__hr{
    margin: 20px 0 15px 0;
    border: 2px solid var(--color-sub);
    border-radius: 4px;
}
.cart-list__table, .delivery-result__error{
    background-color: #f8f8f8;
    border-radius: 4px;
}
.cart-list__table-show{
	text-decoration: none;
    padding: 2px 15px;
    border-radius: 4px;
    margin-top: 10px;
    display: block;
    background-color: #f8f8f8;
    color: black;
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.8s ease;
}
.cart-list__table-show:hover{
	background-color: var(--color-sub);
}
.hidden-row td{
	display: none;
}
.delivery-result__parameters .fas, .cart-list__block .fas{
	margin-right: 10px;
	font-size: 18px;
}
.delivery-result__parameter{
    display: flex;
    margin-bottom: 10px;
}
.delivery-result__parameter-name{
    display: block;
    width: 100px;
    color: gray;
}
.delivery-result__parameters tr{
	text-align: left;
}
.delivery-result__parameters td, .delivery-result__parameters th{
	padding: 2px 15px;
}
.delivery-result__parameters tr th:first-child{
	width: 48%;
}
.delivery-result__parameters tr th:nth-child(2){
	width: 23%;
}
.delivery-result__parameters tr th:nth-child(3){
	width: 23%;
}
.delivery-result__parameters tbody tr:nth-child(odd){
	background-color: #fff;
}
/*РЕГИСТРАЦИЯ*/
.registration__title{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.registration__form{
	/*width: 725px;*/
	background-color: white;
	padding: 15px;
}
.registration__block{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.registration__block-header{
	text-transform: uppercase;
	margin-bottom: 10px;
	color: darkgray;
}
.registration__row{
	display: flex;
	margin-bottom: 10px;
}
.registration__row:last-child{
	margin-bottom: 0;
}
.registration__row-field{
	display: flex;
	flex-direction: column;
	margin-right: 30px;
}
.registration__row-field:last-child{
	margin-right: 0;
}
.registration__row-field .-large{
	min-width: 350px;
}
.registration__row-field .-small{
	min-width: 150px;
}
.registration__row-label{
	color: black;
	margin-bottom: 5px;
}
.registration__row-input{
	outline: none;
	border: 1px solid var(--color-dark);
	padding: 10px;
	min-width: 200px;
}
.registration__row-captcha{
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	width: 180px;
	height: 37px;
}
.-error .registration__row-input{
	border: 1px solid red;
}
.-error .registration__row-label{
	color: red;
}
.registration__form-submit{
	font-weight: 600;
	text-transform: uppercase;
	outline: none;
	border: none;
	padding: 10px 15px;
	background-color: var(--color-sub);
	color: white;
	cursor: pointer;
	transition: 0.6s ease;
	min-width: 150px;
	text-decoration: none;
	width: fit-content;
}
.registration__form-submit:hover{
	background-color: var(--color-dark);
}
.registration__form-submit:active{
	background-color: #365e8c;
}
.registration__rules{
	width: 30%;
	background-color: lightgoldenrodyellow;
	border-radius: 4px;
	padding: 30px;
}
.registration__switch{
	display: flex;
}
.registration__switch-item{
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 4px;
	margin-right: 15px;
	margin-bottom: 15px;
	transition: 0.6s ease;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.registration__switch-item:hover{
	background-color: #fdee99;
}
.registration__switch .-active{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.registration__switch i{
	font-size: 16px;
	margin-right: 10px;
}
.registration__block-tip{
	padding: 10px;
	border-radius: 4px;
	background-color: #f8f8f8;
}
.registration__form-wrapper{
	display: flex;
	justify-content: space-between;
}
.registration__errors{
    height: fit-content;
    color: #721c24;
    width: 350px;
    max-width: 500px;
}
.registration__errors-list{
    background-color: #f8d7da;
    border-radius: 4px;
    padding: 20px;
    padding-left: 35px;
    list-style: disc;
}
.registration__errors-title{
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}
.registration__errors-item{
	margin-bottom: 5px;
}
.registration__auth{
	display: flex;
	flex-direction: column;
}
.registration__auth-forgot{
	margin-bottom: 15px;
	display: block;
}
.registration__auth-request{
	padding: 10px 15px;
	transition: var(--transition-ease);
	background-color: var(--color-green);
	color: white;
	font-weight: 600;
	text-decoration: none;
	width: fit-content;
}
.registration__auth-request:hover{
	background-color: var(--color-sub);
}
#login .registration__row{
	flex-direction: column;
}
#login .registration__row-field .-large{
	width: auto;
}
#login .registration__row-field{
	margin-right: 0;
	margin-bottom: 15px;
}
#login .registration__row-field:last-child{
	margin-bottom: 0;
}
#login .registration__form-wrapper{
	flex-direction: column;
}
#login .registration__errors-title{
	display: none;
}
#login .registration__errors-list{
	padding: 10px;
	padding-left: 25px;
	width: fit-content;
	margin-top: 15px;
}
.registration__message{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
	border-radius: 4px;
	margin-bottom: 15px;
	width: fit-content;
}
.registration__message i{
	margin-right: 15px;
	font-size: 24px;
}
.registration__message.-success{
	color: #0f5132;
    background-color: #d1e7dd;
}
.registration__message.-danger{
	color: #842029;
    background-color: #f8d7da;
}
.registration__message.-secondary{
	color: #41464b;
    background-color: #e2e3e5;
}
.reg-confirm{
	padding: 30px;
    border-radius: 4px;
    background-color: white;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    min-width: 450px;
    transform: translate(-50%, -50%);
}
.reg-confirm__title{
	font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.reg-confirm__desc{
	padding: 10px;
    border-radius: 4px;
    background-color: #f8f8f8;
	margin-bottom: 10px;
}
.reg-confirm__input{
	outline: none;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 9px;
    
    min-width: 200px;
}
.reg-confirm__tip{
	display: block;
	margin-bottom: 5px;
}
.contacts__whatsapp{
	display: flex;
	align-items: center;
}
.contacts__whatsapp .fa-whatsapp{
	margin-right: 10px;
	font-size: 18px;
}
.contacts__whatsapp-link{
	text-decoration: none;
	transition: 0.8s ease;
}
.contacts__whatsapp-link:hover{
	text-decoration: underline;
}
.blog-kit__vin{
	padding: 5px 10px;
	background-color: var(--color-sub);
	border-radius: 4px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	margin-top: 15px;
	width: fit-content;
	display: flex;
	align-items: center;
	transition: 0.8s ease;
}
.blog-kit__vin:hover{
	background-color: black;
	color: #fff;
}
.blog-kit__vin .fas{
	margin-right: 15px;
	font-size: 18px;
}
.blog-kit__vin-text{
	font-size: 14px;
}
.login{
	position: relative;
	padding: 5px;
    border-radius: 4px;
    transition: all 1s ease;
}
.login-menu{
	display: none;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    width: 190px;
    position: absolute;
    z-index: 200;
	top: 49px;
	right: 0;
    padding: 15px;
    -webkit-box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px -1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
}
.login-menu__title{
	font-weight: 900;
}
.login-menu__list{
	font-size: 12px;
}
.login__user{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-decoration: none;
	transition: var(--transition-ease);
}
.login__user i{
	font-size: 18px;
}
.login__user:hover{
	color: var(--color-sub);
}
.login__user-link{
	display: inline-block;
	line-height: 15px;
	margin-bottom: 5px;
}
.login-menu__list{
    list-style: disc;
    padding-left: 15px;
}
.login-menu__list a{
	text-decoration: none;
}
.login-menu__list a:hover{
	text-decoration: underline;
}
.login__user-text{
	line-height: 15px;
}
.login:hover .login-menu{
	display: block;
}
.auth_login, .auth_reg{
	text-decoration: none;
}
.auth_login:hover, .auth_reg:hover{
	text-decoration: underline;
}
.basket:hover .basket__menu{
	display: block;
}
.basket__menu{
	display: none;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    width: 320px;
    position: absolute;
    z-index: 200;
    right: 0;
    top: 49px;
    padding: 10px;
    -webkit-box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px -1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -1px 8px 0px rgb(34 60 80 / 20%);
}
.basket__row .fa-cart-shopping{
	font-size: 18px;
	margin-bottom: 5px;
}
.basket__row{
	position: relative;
    padding: 5px;
    border-radius: 4px;
    transition: all 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: var(--transition-ease);
}
.basket__row-link{
	text-decoration: none;
	line-height: 15px;
}
.basket__row-link .sum{
	display: none;
}
.basket__row:hover{
	color: var(--color-sub);
}
.basket__row-stick{
	position: absolute;
    z-index: 5;
    margin: -30px 0px 0 5px;
    padding: 0 2px;
    background: var(--color-sub);
    font-size: 10px;
    line-height: 15px;
    color: white;
    min-width: 11px;
    text-align: center;
    font-weight: 600;
}
.basket__menu-title{
	font-weight: bolder;
	padding: 5px;
}
.basket__items{
	display: flex;
	flex-direction: column;
}
.basket__item{
	text-decoration: none;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	transition: all 1s ease;
	padding: 5px;
	border-radius: 4px;
}
.basket__item:hover{
	background-color: #f8f8f8;
}
.basket__item:last-child{
	margin-bottom: 0;
}
.basket__item-descr{
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 12px;
}
.basket__item-img{
	width: 40px; 
	height: 40px; 
	background-color: #eaeaea;
	margin-right: 15px;
	border-radius: 4px;
}
.basket__item-header{
	display: flex;
	justify-content: space-between;
}
.basket__item-code, .basket__item-pcs, .basket__items-text{
	color: gray;
}
.basket__empty{
	padding: 5px;
	color: gray;
}
.basket__items-cart{
	padding: 2px 20px;
    margin: 5px;
    border-radius: 4px;
    background-color: black;
    color: white;
    font-weight: bold;
    font-size: 12px;
    width: fit-content;
    text-decoration: none;
    transition: all 1s ease;
}
.basket__items-cart:hover{
	background-color: var(--color-sub);
	color: black;
}
.basket__items-footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.basket__items-total{
	display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 18px;
    align-items: end;
}
.header__right{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.basket__items-loader{
	padding: 5px;
	display: flex;
	align-items: center;
	color: gray;
}
.basket__items-loader .fa-spinner{
	margin-left: 10px;
	font-size: 16px;
}
.basket__empty{
	background-color: white;
	padding: 15px;
	color: black;
}
.empty_basket {
	line-height: 15px;
}
.catalagoue__trans{
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 5px 10px;
    margin-top: 10px;
    background-color: var(--color-gray);
    width: fit-content;
    transition: 1s all ease;
    margin-bottom: 15px;
}
.catalagoue__trans .fas{
	font-size: 16px;
	margin-right: 10px;
}
.catalagoue__trans:hover{
	color: var(--color-sub);
}
.catalagoue__trans-item{
	font-weight: 600;
	margin-left: 5px;
}
/*НОВЫЙ ПОДБОР*/
.selection__title{
	padding: 0;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 10px;
	color: gray;
}
.selection__subtitle{
	font-size: 16px;
	margin-bottom: 10px;
	color: gray;
	display: block;
}
.selection__title-model{
	color: black;

}
.selection__breadcrumbs{
	margin-bottom: 15px;
	background-color: #f8f8f8;
	padding: 10px 15px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.selection__breadcrumbs .fa-plus-square{
	margin-right: 10px;
	font-size: 18px;
}
.selection__item{
	margin-bottom: 15px;
    margin-right: 15px;
    display: inline-block;
    text-decoration: none;
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 10px 20px;
    transition: 1s all ease;
}
.selection__item:hover{
	background-color: var(--color-sub);
}
.selection__letters{
	display: flex;
	margin-bottom: 15px;
	flex-wrap: wrap;
}
.selection__letters-item{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 18px;
    margin-right: 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: 1s all ease;
    cursor: pointer;
    position: relative;
}
.selection__letters-item:hover{
	background-color: var(--color-sub);
}
.selection__letters-item.-active{
	background-color: black;
	color: #fff;
}
.selection__letters .fa-times{
	background-color: var(--color-sub);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    contain: content;
    border-radius: 100%;
    position: absolute;
    right: -7px;
    top: -7px;
    color: black;
    font-size: 10px;
}
.auto-cards, .product-cards{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.auto-card, .product-card, .result-item{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 15px;
	margin-right: 18px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	text-decoration: none;
	width: 247px;
	min-width: 247px;
	height: auto;
	transition: 1s all ease;
}
.auto-card.-static{
	margin-bottom: 0;
}
.auto-card:hover, .result-item:hover{
	border: 1px solid black;
}
.auto-card.-static:hover{
	border: 1px solid #eaeaea;
}
.auto-card:nth-child(4n){
	margin-right: 0;
}
.product-card:nth-child(4n){
	margin-right: 0;
}
.auto-card__img, .product-card__img, .result-item__img{
	width: 250px;
	align-self: center;
}
.auto-card__description, .result-item__description{
	display: flex;
	flex-direction: column;
}
.auto-card__description-brand, .result-item__title{
	font-weight: bold;
}
.auto-card__description-years, .result-item__subtitle{
	color: gray;
}
.auto-wrapper{
	display: flex;
	flex-direction: column;
}
.auto-wrapper .auto-card{
	margin-bottom: 0;
}
.auto-modifications{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	height: 247px;
	margin-right: 18px;
}
.auto-modifications__table{
	max-height: 210px;
    overflow: auto;
    display: block;
    overflow-x: hidden;
}
.auto-modifications__table td, .auto-modifications__table th{
	padding: 5px 10px;
	border-bottom: 1px solid #eaeaea;
	white-space: nowrap;
}
.auto-modifications__table th{
	background-color: #f8f8f8;
}
.auto-modifications__table tbody tr{
	transition: all 1s ease;
}
.auto-modifications__table tbody tr:hover{
	background-color: var(--color-sub);
	cursor: pointer;
}
.auto-modifications__table tbody tr.-active{
	background-color: #eaeaea;
}
/*.auto-card.-static{
	padding: 0;
	justify-content: space-between;
	width: 277px;
}
.auto-card.-static .auto-card__description{
	padding: 15px 15px 0 15px;
}*/
.selection__breadcrumbs a{
	text-decoration: none;
}
.selection__breadcrumbs a:hover{
	text-decoration: underline;
}
.selection__breadcrumbs span{
	color: gray;
}
.auto-modifications__wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 15px;
}
.auto-block{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 18px;
}
.auto-block__item{
	margin-bottom: 5px;
}
.auto-block__item:last-child{
	margin-bottom: 0;
}
.auto-block__item-text{
	color: gray;
	margin-right: 5px;
}
.auto-vin{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    padding: 5px 15px;
    border-radius: 4px;
    text-decoration: none;
    color: black;
    background-color: #eaeaea;
    transition: 1s all ease;
    height: -webkit-fill-available;
}
.auto-vin .fas{
	margin-left: 5px;
	font-size: 18px;
	transition: 1s all ease;
}
.auto-vin:hover{
	background-color: black;
	color: #fff;
}
.auto-vin:hover .auto-vin__wrapper .fas{
	color: var(--color-sub);
}
.auto-vin__title{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.auto-vin__desc{
	font-size: 12px;
	line-height: 16px;
	transition: 1s all ease;
}
.auto-block__item-link{
	background-color: #eaeaea;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: 1s all ease;
}
.auto-block__item-link .fas{
	margin-left: 5px;
}
.auto-block__item-link:hover{
	background-color: var(--color-sub);
}
.auto-block__item-text{
	color: gray;
}
.auto-block__item-trans{
	display: block;
	color: black;
}
.selection-products{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.selection-products .catalogue-block__price-item.-price-quantity{
	width: auto;
}
.selection-products .catalogue-block__price-item.-price-value{
	width: auto;
}
.selection-types{
	margin-bottom: 15px;
	display: flex;
	justify-content: flex-start;
}
.selection-types__item{
	padding: 5px 15px;
	background-color: none;
	border: 1px solid #eaeaea;
	margin-right: 15px;
	text-decoration: none;
	border-radius: 4px;
	transition: 1s all ease;
}
.selection-types__item:hover{
	background-color: var(--color-sub);
}
.selection-types__item.-active{
	background-color: black;
	color: #fff;
	font-weight: bold;
	display: none;
}
.selection__items{
	margin-bottom: 30px;
}
.selection-mods{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 15px;
}
.modification__header{
	background-color: #eaeaea;
	padding: 7px 0;
	font-weight: bold;
	display: flex;
}
.modification__row{
	border-bottom: 1px solid #eaeaea;
	padding: 7px 0;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: 1s all ease;
}
.modification__row:hover{
	background-color: var(--color-sub);
}
.modification__row-value{
	padding: 0 10px;
	display: inline-block;
}
.modification__row-value:nth-child(1){
	width: 250px;
}
.modification__row-value:nth-child(2){
	width: 120px;
}
.modification__row-value:nth-child(3){
	width: 110px;
}
.modification__row-value:nth-child(4){
	width: 120px;
}
.modification__row-value:nth-child(5){
	width: 110px;
}
.modification__row-value:nth-child(6){
	width: 120px;
}
.modification__row-value:nth-child(7){
	width: 120px;
}
.mods-filters{
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 15px;
	display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    background-color: #f8f8f8;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 15px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 15px 0px rgba(34, 60, 80, 0.2);
}
.selection-mods__wrapper{
	display: flex;
	margin-bottom: 15px;
}
.mods-filter__buttons{
	display: flex;
}
.mods-filter__clear{
	display: block;
	width: fit-content;
	background-color: black;
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 15px;
}
.mods-filter__clear .fas{
	margin-right: 5px;
	transition: 0.8s all ease;
}
.mods-filter__clear:hover .fas{
	color: var(--color-sub);
}
.mods-filter__apply{
	display: block;
	width: fit-content;
	background-color: var(--color-sub);
    color: black;
    padding: 5px 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.8s all ease;
}
.mods-filter__apply:hover{
	background-color: #ffed89;
}
.mods-filter__apply .fas{
	margin-right: 5px;
	transition: 0.8s all ease;
}
.mods-filters__wrapper{
	display: flex;
	flex-wrap: wrap;
}
.mods-filter{
	display: flex;
	flex-direction: column;
	margin-right: 15px;
}
.mods-filter:nth-child(3n){
	margin-right: 0;
}
.mods-filter__label{
	font-size: 12px;
	color: gray;
}
.selection-hidden{
	color: gray;
	margin-bottom: 15px;
}
.mods-filter__dropdown {
  	width: 268px;
  	display: inline-block;
  	background-color: #fff;
  	border-radius: 4px;
 	border: 1px solid #eaeaea;
  	transition: all .5s ease;
  	position: relative;
  	outline: none;
  	margin-bottom: 15px;
}
.mods-filter__select {
    cursor: pointer;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: none;
}
.mods-filter__dropdown.selected{
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}
.mods-filter__dropdown-menu{
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 220px;
    overflow-y: auto;
    z-index: 9
}
.mods-filter__dropdown-menu li{
    padding: 10px;
    transition: all 0.6s ease-in-out;
    cursor: pointer
} 
.mods-filter__dropdown-menu {
    padding: 0;
    list-style: none
}
.mods-filter__dropdown-menu li:hover{
	background-color: #f8f8f8;
}
.mods-filter__dropdown:hover{
	background-color: #eaeaea;
	transition: 0.8s all ease;
}
.mods-filter__dropdown.active{
	background-color: #eaeaea;
}
.-locked .mods-filter__dropdown{
	color: black;
    background-color: #f8f8f8;
    border-color: #eaeaea;
	cursor: not-allowed;
}
.-locked .mods-filter__select{
	cursor: not-allowed;
}
.-locked .mods-filter__dropdown:hover{
	background-color: none;
}
.-locked .mods-filter__clear{
	color: #41464b;
    background-color: #fff;
    border-color: #d3d6d8;
	text-decoration: none;
	transition: 0.8s all ease;
	padding: 0;
}
.-locked .mods-filter__clear:hover{
	text-decoration: underline;
}
.result-help__info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff7cc;
	padding: 5px 15px;
	border-radius: 4px;
	margin-bottom: 15px;
	width: fit-content;
}
.selection-result__header{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	background-color: #f8f8f8;
	border-radius: 4px;
	padding: 10px 15px;
}
.selection-result__header-text{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.selection-result__header i{
	margin-right: 15px;
	font-size: 18px;
}
.result-help__info i{
	margin-right: 15px;
}
.result-help__subtitle{
	font-size: 16px;
    margin-bottom: 10px;
    color: gray;
    display: block;
}
.result-help__items{
	display: flex;
}
.result-item{
	display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
    margin-right: 18px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 15px;
    text-decoration: none;
    width: 247px;
    min-width: 247px;
    height: auto;
    transition: 1s all ease;
}
.result__alert{
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 8px 15px;
	display: flex;
	align-items: center;
	width: fit-content;
}
.result__alert i{
	margin-right: 15px;
	font-size: 18px;
}
.result__alert.-success{
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}
.result__alert.-warning{
	color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.result__alert.-primary{
	color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.result__alert.-alert{
	color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.result__alert a{
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}
.result__alert a:hover{
	text-decoration: underline;
}
.fa-share-alt-square{
	font-size: 18px;
	margin-right: 15px;
}
.selection-description{
	margin-bottom: 15px;
}
.result__trans{
	display: flex;
}

.result__trans-item:hover{
	background-color: black;
	color: #fff;
}
.result__trans-item.active{
	color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
    cursor: not-allowed;
}
.result__trans{
	margin-bottom: 15px;
}
.selection-info{
	/*border: 1px solid #eaeaea;*/
	border-radius: 4px;
	/*padding: 15px;*/
	display: flex;
	flex-direction: column;
	width: -webkit-fill-available;
}
.selection-info__wrapper{
	display: flex;
}
.selection-info__item{
	border: 1px solid #eaeaea;
	padding: 12px 15px;
	border-radius: 4px;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	transition: 0.8s;
	text-decoration: none;
	width: 247px;
	height: 93px;
	margin-right: 18px;
	background-color: #eaeaea;
}
.selection-info__item:hover{
	background-color: var(--color-sub);
}
.selection-info__item-wrapper{
	display: flex;
	flex-direction: column;
	width: 279px;
	text-decoration: none;
	margin-right: 18px;
}
.selection-info__item-wrapper:last-child{
	margin-right: 0;
}
.selection-info__item-header{
	font-weight: bold;
	text-transform: uppercase;
	color: gray;
}
.selection-info__item-img{
	width: 120px;
}
.selection-info__item-text{
	color: gray;
	font-size: 12px;
	line-height: 18px;
}
.selection-info__item-link{
	background-color: var(--color-sub);
    padding: 0 10px;
    border-radius: 4px;
    font-weight: bold;
}
.selection__subtitle-wrapper{
	display: flex;
}
.selection__subtitle-wrapper .selection__subtitle{
	margin-right: 15px;
}
.selection__show-value{
	color: gray;
}
.selection__show-value i{
	font-weight: bold;
	font-style: normal;
}
.selectiom-mods__backurl{
	text-decoration: none;
	display: flex;
	align-items: center;
	background-color: #eaeaea;
	padding: 0 15px;
	transition: all 1s ease;
}
.selectiom-mods__backurl i{
	font-size: 16px;
	margin-right: 5px;
}
.selectiom-mods__backurl span{
	padding: 0 5px;
	font-size: 12px;
}
.selectiom-mods__backurl:hover {
	background-color: #eaeaea;
}
.selectiom-mods__backurl:hover{
	background-color: var(--color-sub);
}
.selection-result__trans-text{
	margin: 0 5px;
}
.selection-trans{
	display: flex;
	flex-direction: column;
}
.selection-trans__item{
	display: flex;
	flex-direction: column;
	text-decoration: none;
	padding: 15px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	margin-bottom: 15px;
	transition: all 1s ease;
}
.selection-trans__item:last-child{
	margin-bottom: 0;
}
.selection-trans__item:hover{
	background-color: var(--color-sub);
}
.selection-trans__item.-static:hover{
	background-color: #fff;
}
.selection-trans__item-title{
	font-size: 16px;
	font-weight: 900;
}
.selection-trans__item-text span{
	color: gray;
}
.selection-trans__item.-static{
	padding: 0;
}
.selection-trans__item-description{
	padding: 15px;
}
.selection-result .catalogue-block__item.-hidden{
	display: none;
}
.selection-info__item .selection-trans__item-title{
	font-size: 24px;
	margin-bottom: 10px;
}
.selection-info__item.-trans{
	justify-content: center;
}
.selection-info__item.-trans .selection-info__item-text{
	margin-bottom: 10px;
}
.selection-trans__text-wrapper{
	margin-bottom: 10px;
}
.selection-result__section{
	display: flex;
	margin-bottom: 15px;
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
}
.selection-result__section-title{
	padding: 5px 15px;
	background-color: var(--color-sub);
	border-radius: 4px;
	text-transform: uppercase;
	margin-right: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	min-width: 247px;
	font-size: 18px;
}
.selection-result__count-wrapper{
	color: gray;
	font-size: 12px;
	line-height: 18px;
}
.selection-result__count-show{
	padding: 2px 10px;
	border-radius: 4px;
	background-color: #eaeaea;
	font-size: 12px;
	cursor: pointer;
	line-height: 12px;
	transition: 0.8s all ease;
}
.selection-result__count-show:hover{
	background-color: black;
	color: #fff;
}
.selection-detail{
	display: flex;
	flex-direction: column;
}
.selection-detail__data{
	display: flex;
	align-items: center;
}
.selection-detail__data-label{
	margin-right: 5px;
	color: gray;
}
.selection-detail__data-value{
	font-weight: bold;
	margin-right: 10px;
}
.selection-detail__data-button{
	padding: 0 5px;
	border-radius: 4px;
	background-color: #f8f8f8;
	font-size: 12px;
	cursor: pointer;
	transition: 0.8s all ease;
	text-decoration: none;
	line-height: 16px;
}
.selection-detail__data-button:hover{
	background-color: var(--color-sub);
	color: black;
}
.selection-detail__back{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 15px;
	border-radius: 4px;
	background-color: black;
	color: white;
	cursor: pointer;
	transition: 0.8s all ease;
	text-decoration: none;
	margin-right: 18px;
	margin-top: 15px;
}
.selection-detail__back-text{
	font-size: 12px;
	line-height: 16px;
}
.selection-detail__back i{
	margin-right: 10px;
	font-size: 16px;
}
.selection-detail__back:hover{
	background-color: var(--color-sub);
	color: black;
}
.selection-detail__data-wrapper{
	margin-bottom: 10px;
}
.selection-detail__categories-label{
	color: gray;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}
.selection-detail__categories-wrapper{
	display: flex;
}
.selection-detail__categories-item{
	text-decoration: none;
	padding: 4px 15px;
	border-radius: 4px;
	background-color: #f8f8f8;
	transition: 0.8s all ease;
	width: fit-content;
	margin-right: 10px;
}
.selection-detail__categories-item:hover{
	background-color: #eaeaea;
}
.selection-detail__categories-item.-active{
	background-color: var(--color-sub);
}
.selection-info__item-button{
	padding: 5px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}
.selection-info__item i{
	font-size: 46px;
	margin-bottom: 12px;
}
.selection-info__item-button i{
	margin-right: 10px;
	font-size: 16px;
}
.selection-info__item-title{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 22px;
}
.result__show-products{
	border-radius: 4px;
    margin-bottom: 15px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    width: fit-content;
    color: #fff;
    background-color: #842029;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
.result__alerts-wrapper{
	display: flex;
}
.result__show-products:hover{
	background-color: #7a282f;
}
.selection-choise{
	width: 1170px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
}
.selection-choise .fa-times{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	transition: all 1s ease;
	cursor: pointer;
}
.selection-choise .fa-times:hover{
	color: var(--color-sub);
}
.selection-choise__title{
	font-size: 24px;
	font-weight: 900;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.selection-choise__title b{
	font-size: 36px;
	color: #ff5722;
	padding: 0 15px;
}
.selection-choise__text{
	text-transform: uppercase;
	font-size: 24px;
	color: gray;
	margin-bottom: 30px;
}
.selection-choise__card{
	width: 200px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	border-radius: 4px;
	padding: 20px;
	height: 300px;
	text-decoration: none;
	transition: all 1s ease;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.selection-choise__card.-vin:hover{
	background-color: var(--color-sub);
}
.selection-choise__card.-contact:hover{
	background-color: var(--color-sub);
}
.selection-choise__card.-continue:hover{
	background-color: var(--color-sub);
}
.selection-choise__cards{
	display: flex;
	justify-content: space-between;
	width: 65%;
	margin-bottom: 30px;
}
.selection-choise__card.-vin{
	background-color: #eaeaea;
	color: black;
}
.selection-choise__card.-contact{
	background-color: #eaeaea;
	color: black;
}
.selection-choise__card.-continue{
	background-color: #eaeaea;
	color: black;
}
.selection-choise__card-text{
	display: flex;
	flex-direction: column;
	font-weight: 900;
	text-transform: uppercase;
}
.selection-choise__card-text-small{
	font-size: 18px;
	margin-bottom: 10px;
}
.selection-choise__card-text-big{
	font-size: 36px;
}
.selection-choise__show{
	color: gray;
}
.selection-choise__show i{
	font-style: normal ;
}
.selection-choise__wrapper{
	background-color: rgba(0,0,0,.65);
    display: block;
    overflow: auto;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.disable-scroll {
	position: relative;
	overflow: hidden;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
.selection-attention{
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.selection-attention__title{
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 8px;
}
.selection-attention__title b{
	color: #ff5722;
}
.selection-attention__text{
	font-size: 18px;
	color: gray;
}
.mods-filters__title{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.selection-choise__card i{
	font-size: 88px;
}
.selection-choise__trans{
	margin-bottom: 20px;
}
.selection-choise__trans-item{
	font-size: 20px;
    font-weight: 900;
    text-decoration: none;
    color: black;
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 2px 15px;
    transition: all 1s ease;
    margin-right: 10px;
}
.selection-choise__trans-item:last-child{
	margin-right: 0;
}
.selection-choise__trans-item:hover{
	background-color: var(--color-sub);
}
.selection-choise__trans-delimetr{
	height: 0px;
    color: #eaeaea;
    background-color: #eaeaea;
    width: 70%;
    margin: 0;
    margin-bottom: 30px;
}
.selection-attention__trans{
	margin-bottom: 15px;
}
.selection-attention__trans-item{
	font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    color: black;
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 2px 15px;
    transition: all 1s ease;
    margin-right: 10px;
}
.selection-attention__trans-item:hover{
	background-color: var(--color-sub);
}
.selection-description p{
	margin-bottom: 10px;
}
.selection__tabs{
	margin-bottom: 15px;
}
.selection__tabs-item{
	font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 10px 30px;
	margin-right: 15px;
	cursor: pointer;
	display: inline-block;
}
.selection__tabs-item.-active{
	background-color: var(--color-sub);
}
.search__results{
	display: flex;
	flex-wrap: wrap;
}
.search__trans{
	display: flex;
	background-color: white;
	flex-direction: column;
	align-items: center;
	padding: 10px 15px;
	text-decoration: none;
	margin-right: 15px;
	margin-bottom: 15px;
	min-width: 100px;
	transition: 0.8s ease;
}
.search__trans:hover{
	/*background-color: var(--color-sub);*/
}
.search__trans-name{
	font-weight: bold;
	color: #fff;
	padding: 2px 5px;
	background-color: var(--color-dark);
	margin-bottom: 10px;
}
.search__trans-vendor{
	font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px
}
.search__trans-subtitle{
	font-size: 12px;
	padding: 0px 5px;
	background-color: #eaeaea;
	margin-bottom: 5px;
}
.search__trans-analogs{
	font-size: 12px;
}
.order-confirm__title{
	font-size: 24px;
    font-weight: 900;
    margin-bottom: 20px;
    border-bottom: 3px solid var(--color-sub);
    width: fit-content;
}
.order-confirm__desc{
	margin-bottom: 10px;
}
.order-confirm__desc-name{
	font-weight: bold;
	margin-right: 10px;
}
.order-confirm__message{
	padding: 5px 15px;
	background-color: #eaeaea;
	border-radius: 4px;
	width: fit-content;
	margin-bottom: 15px;
}
.order-confirm__links{
	display: flex;
	flex-direction: column;
}
.order-confirm__links-wrapper{
	margin-bottom: 10px;
}
.order-confirm__links-item{
	text-decoration: none;
	color: gray;
}
.order-confirm__links-item:hover{
	color: black;
}
.order-confirm__expected{
	margin-bottom: 15px;
}
.order-confirm__expected-title{
	padding: 2px 10px;
    background-color: var(--color-sub);
    width: fit-content;
    border-radius: 4px;
    margin-bottom: 10px;
}
.order-confirm__expected-list{
	padding: 5px 15px;
    background-color: #eaeaea;
    border-radius: 4px;
    width: fit-content;
    list-style: disc;
}
.order-confirm__expected-list li{
	margin-left: 15px;
}
.order-confirm__pay{
	text-decoration: none;
	padding: 10px 15px;
	background-color: var(--color-sub);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	margin-bottom: 15px;
	transition: all 1s ease;
}
.order-confirm__pay:hover{
	background-color: #ffe500;
}
.order-confirm__pay-text{
	font-weight: 900;
}
.order-confirm__pay i{
	margin-right: 10px;
	font-size: 18px;
}
.basket__panel-item{
	display: flex;
	flex-direction: column;
	align-items: end;
}
.basket__products{
	margin-bottom: 15px;
}
.basket__panel{
	display: flex;
	justify-content: space-between;
}
.basket__clear-button{
	outline: none;
	border: none;
	background-color: var(--color-dark);
	color: white;
	padding: 5px 15px;
	cursor: pointer;
	transition: 1s all ease;
	height: 28px;
	font-weight: 600;
}
.basket__clear-button:hover{
	color: var(--color-sub);
}
.basket__discount{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #155724;
    background-color: #d4edda;
    padding: 0 10px;
    margin-bottom: 10px;
    height: 28px;
    margin-right: 15px;
}
.basket__discount i{
	margin-right: 10px;
	font-size: 16px;
}
.basket__price-wrappper{
	margin-bottom: 10px;
}
.basket__price{
	display: flex;
	justify-content: end;
	align-items: baseline;
	margin-bottom: 2px;
}
.basket__price-text{
	font-size: 14px;
	color: gray;
	margin-right: 5px;
}
.basket__price-value{
	font-weight: 900;
	font-size: 18px;
}
.basket__order-button{
	color: white;
	padding: 10px 15px;
	font-weight: 600;
	background-color: var(--color-sub);
	font-size: 18px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transition: 1s all ease;
	width: 200px;
}
.basket__order-button:hover{
	background-color: #4caf50;
}
.basket__coupon{
	margin-bottom: 10px;
	display: none;
	align-items: center;
}
.basket__coupon-value{
	
	outline: none;
	border: 1px solid gray;
	padding: 0 10px;
	border-radius: 4px;
	margin-right: 10px;
	font-size: 12px;
	height: 26px;
}
.basket__coupon-value:focus{
	font-size: 12px;
}
.basket__coupon-activate{
	
	padding: 6px 8px;
	border-radius: 4px;
	border: none;
	background-color: black;
	color: white;
	font-weight: 900;
	cursor: pointer;
	transition: 1s all ease;
}
.basket__coupon-activate:hover{
	color: var(--color-sub);
}
.basket__coupon-error{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	padding: 0 10px;
    margin-right: 10px;
    height: 28px;
    color: #842029;
    background-color: #f8d7da;
}
.auto-coupon{
	max-width: 630px;
	align-items: center;
}
.auto-coupon__title{
	font-weight: 900;
	font-size: 28px;
	text-transform: uppercase;
	padding: 8px 10px;
	border-radius: 4px;
	background-color: var(--color-sub);
	width: fit-content;
	margin-bottom: 6px;
}
.auto-coupon__item{
	font-weight: 900;
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.auto-coupon__wrapper{
	display: flex;
	flex-direction: column;
	margin: 10px 0;
}
.auto-coupon__title-tip{
	color: gray;
	font-size: 12px;
}
.auto-coupon__copy{
	background-color: #eaeaea;
	padding: 0 5px;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 10px;
	transition: 1s all ease;
	cursor: pointer;
}
.auto-coupon__text{
	margin-bottom: 10px;
}
.auto-coupon__copy:hover{
	background-color: var(--color-sub);
}
.basket__products .price-color.discount{
	background-color: #d4edda;
    padding: 4px 4px;
    width: fit-content;
    line-height: 14px;
    border-radius: 4px;
    color: #155724;
}
.basket__discount-wrapper{
	display: flex;
}
.coupon__clear{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: gray;
    background-color: #eaeaea;
    padding: 0 10px;
    margin-bottom: 10px;
    height: 28px;
    cursor: pointer;
    transition: 1s all ease;
    outline: none;
    border: none;
}
.coupon__clear i{
	margin-right: 10px;
	font-size: 16px;
}
.coupon__clear:hover{
	background-color: var(--color-sub);
	color: black;
}
#footer{
	background:var(--color-darkest);
}
.footer-area{
	width: 1200px;
	margin: auto;
	padding:15px;
	display: flex;
    justify-content: space-between;
    color: white;
}
.footer-menu{
	display: flex;
	margin-bottom: 15px;
}

.footer-item__link{
	color: white;
}
.footer-item__text{
	background-color: var(--color-dark);
	color: white;
	padding: 10px;
}
.social{
	margin-bottom: 15px;
}
.footer-area-content{
	margin:0 auto;
	padding:0 0 0 2px;
	width:1180px;
	overflow:hidden;
}
.footer-column{
	float:left;
	width:180px;
}
.footer-column+div{margin:0 0 0 20px;}
.footer-column strong{
	display:block;
	position:relative;
	margin:0 0 16px;
	padding:15px 0 0;
	font-size:15px;
	line-height:16px;
	font-family: 'latoblack';
	text-transform:uppercase;
	color:#333;
}
.footer-column strong:after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	background:#ebebeb;
	height:3px;
	width:170px;
}
.footer-column address{
	display:block;
	margin:0 0 9px;
	font-size:15px;
	line-height:18px;
	font-family: 'latoregular';
	letter-spacing:-0.2px;
	color:#696969;
}
.footer-column span{
	display:block;
	font-size:15px;
	line-height:18px;
	font-family: 'latoregular';
	letter-spacing:0.2px;
	color:#696969;
}
.footer-holder-content{
	margin:0 auto;
	width:1170px;
}
.footer-holder-content:after{
	display:block;
	clear:both;
	content:"";
}
.doc-sections{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.doc-section{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	overflow: hidden;
}
.doc-section__title{
	position: absolute;
	text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    z-index: 10;
    color: var(--color-darkest);
    font-weight: 800;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.doc-section__img{
	opacity: 0.2;
    filter: blur(0) brightness(1);
    transition: transform 0.3s ease-in-out;
}
.doc-section:hover .doc-section__title{
	color: var(--color-sub);
}
.doc-section:hover img{
	transform: scale(1.06);
}
.documentation{
	display: flex;
    background-color: white;
    padding: 50px;
    justify-content: center;
    flex-wrap: wrap;
}
.documentation-section{
	background-color: white;
    padding: 15px;
    margin-bottom: 15px;
    width: 240px;
}
.documentation-section__title{
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
}
.documentation-section__wrapper{
	display: flex;
	flex-wrap: wrap;
}
.documentation-section__item{
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	transition: var(--transition-ease);
}
.documentation-section__item:hover{
	color: var(--color-sub);
}
.documentation__link{
	display: block;
	margin-top: 10px;
}
.documentation table th{
	background-color: #f8f8f8;
}
.documentation table th, .documentation table td{
	padding: 20px;
	border: 1px solid #eaeaea;
	min-width: 200px;
}
.documentation table td:first-child{
	text-align: center;
}
.documentation table td:last-child{
	position: relative;
	padding: 0;
}
.documentation__button{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--color-sub);
	color: white;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
.documentation__button:hover{
	background-color: var(--color-green);
}
.contacts{
	display: flex;
	justify-content: space-between;
}
.contacts-cities{
	display: flex;
	margin-bottom: 20px;
}
.contacts-cities__item{
	text-decoration: none;
	padding: 20px 80px;
    background-color: white;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 600;
}
.contacts-cities__item.-active{
	background-color: var(--color-sub);
	color: white;
}
.result-head{
	font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    width: fit-content;
    color: gray;
    margin-bottom: 15px;
}
.-link{
	text-decoration: none;
	transition: var(--transition-ease);
}
.-link:hover{
/*	text-decoration: underline;*/
	color: var(--color-sub);
}

/*PERSONAL*/
.personal{
	display: flex;
	justify-content: space-between;
}
.personal__card{
	width: 780px;
}
.personal__body{
	padding: 15px;
	margin-bottom: 15px;
	background-color: white;
}
.personal__tab{
	margin-bottom: 10px;
	font-weight: 600;
	background-color: var(--color-sub);
	color: white;
	width: fit-content;
	padding: 5px 10px;
}
.personal__tab-wrapper{
	display: flex;
}
.personal__tab-wrapper .personal__tab{
	margin-right: 10px;
	background-color: white;
	color: black;
	cursor: pointer;
}
.personal__tab-wrapper .personal__tab.-active{
	background-color: var(--color-sub);
	color: white;
}
.personal__item{
	display: flex;
	margin-bottom: 5px;
}
.personal__item-label{
	color: gray;
	font-weight: 600;
	margin-right: 10px;
}
.personal__add-button{
	padding: 5px 10px;
	background-color: #4caf50;
	color: white;
	font-weight: 600;
	margin-bottom: 10px;
	width: fit-content;
	cursor: pointer;
}
.personal__add-button.-active{
	background-color: var(--color-sub);
}
.personal .order__address{
	padding: 15px;
	background-color: white;
	width: 750px;
	margin-bottom: 10px;
}
.personal__add-save{
	display: none;
	font-weight: 600;
	background-color: #4caf50;
	color: white;
	width: fit-content;
	padding: 5px 10px;
	cursor: pointer;
}
.body-addr{
	display: none;
}
.body-addr.-active{
	display: block;
}
.personal__body-title{
	margin-bottom: 15px;
	font-weight: 600;
}
.personal__panel{
	width: 300px;
	background-color: white;
	padding: 15px;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.personal__panel a:hover{
	text-decoration: none;
}
.personal__tax{
	display: flex;
	align-items: center;
}
.personal__tax-text{
	color: gray;
}
.panel__link{
	margin-bottom: 10px;
}
.panel__link i{
	margin-right: 15px;
}
.panel__link:last-child{
	margin-bottom: 0;
}
.personal-request{
	background-color: white;
	padding: 15px;
	width: 65%;
	margin-bottom: 15px;
	position: relative;
}
.personal-request .order__address{
	display: block;
}
.personal-request .order__confirm{
	margin-bottom: 0;
}
.loader{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 36px;
	display: none;
	color: var(--color-sub);
}
.order__item-star{
	color: var(--color-sub);
}
.order__tab-errorr{
	display: none;
	color: #842029;
    background-color: #f8d7da;
    padding: 15px;
    width: fit-content;
    margin-bottom: 15px;
}
.form_text, .text_input {
    box-sizing: border-box;
    background-color: white;
    height: 37px;
    padding: 0 5px 0 5px;
    margin-bottom: 15px;
}
.types-list{
	background-color: white;
	padding: 15px;
}
.types-list__table td:nth-child(4n), .types-list__table th:nth-child(4n){
	display: none;
}
.contacts__section{
	background-color: white;
    padding: 15px;
    margin-bottom: 20px;
    height: 290px;
    max-height: 290px;
    overflow-y: scroll;
}
.contacts__section:first-child{
	width: 550px;
	overflow-y: hidden;
}
.contacts__section:nth-child(2n){
	width: 570px;
}
.contact__us-title{
	font-size: 18px;
	font-weight: 600;
	color: var(--color-sub);
	text-transform: uppercase;
	margin-bottom: 15px;
}
.contacts__item{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	padding: 15px;
}
.contacts__item.-main{
	background-color: #FFCA95;
}
.contacts__item-label{
	margin-right: 15px;
}
.contacts__item-label i{
	color: var(--color-green);
}
.contacts__item-value{
	display: flex;
	flex-direction: column;
}
.contact-map{
	margin-bottom: 80px;
}
.about-us, .about-brands{
	background-color: white;
	padding: 20px;
	margin-bottom: 30px;
}
.about-us{
	padding: 60px 100px;
}
.about-us__text{
	line-height: 24px;
}
.about-brands__row{
	display: flex;
	flex-wrap: wrap;
}
.about-brands__row-item{
	margin-right: 80px;
	margin-bottom: 20px;
}
.expected__empty{
	padding: 15px;
	background-color: white;
}

/*ЧЕКБОКС ТУМБЛЕР*/
.checkbox-toggle {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;  
	margin-right: 10px;      
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-toggle .checkbox-toggle__switch {
	display: inline-block;	
	height: 28px;
	width: 90px;
	box-sizing: border-box;
	position: relative;	
	border-radius: 2px;
	background: #848484;
	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-toggle .checkbox-toggle__switch:before {
	content: attr(data-label-on);
	display: inline-block;
	box-sizing: border-box;		
	width: 45px;	
	padding: 0 12px;	
	position: absolute;
	top: 0;
	left: 45px;	
	text-transform: uppercase;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	line-height: 28px;
}
.checkbox-toggle .checkbox-toggle__switch:after {
	content: attr(data-label-off);
	display: inline-block;
	box-sizing: border-box;	
	width: 44px;	
	border-radius: 1px;	
	position: absolute;
	top: 1px;
	left: 1px;	
	z-index: 5;
	text-transform: uppercase;
	text-align: center;
	background: white;
	line-height: 26px;
	font-size: 10px;
	color: #777;
	transition: all 1s ease;
}
.checkbox-toggle input[type="checkbox"] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-toggle input[type="checkbox"]:checked + .checkbox-toggle__switch {
	background-color: var(--color-green);
}
.checkbox-toggle input[type="checkbox"]:checked + .checkbox-toggle__switch:before {
	content: attr(data-label-off);
	left: 0;
}
.checkbox-toggle input[type="checkbox"]:checked + .checkbox-toggle__switch:after {
	content: attr(data-label-on);
	color: #4fb743;
	transform: translate3d(44px, 0, 0);
}
 
/* Hover */
.checkbox-toggle input[type="checkbox"]:not(:disabled) + .checkbox-toggle__switch:hover {
	cursor: pointer;
}
.checkbox-toggle input[type="checkbox"]:not(:disabled) + .checkbox-toggle__switch:hover:after {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
 
/* Disabled */
.checkbox-toggle input[type=checkbox]:disabled + .checkbox-toggle__switch {
	opacity: 0.6;   
	filter: grayscale(50%);
}
 
/* Focus */
.checkbox-toggle.focused .checkbox-toggle__switch:after {
	box-shadow: inset 0px 0px 4px #ff5623;
}
.article h2{
	text-transform: uppercase;
	font-weight: 600;
	color: var(--color-sub);
	margin-bottom: 15px;
	font-size: 24px;
}
.article a{
	font-weight: 600;
	color: var(--color-sub);
}
.article b{
	display: inline-block;
	margin-bottom: 20px;
}
.article p{
	margin-bottom: 20px;
	text-align: justify;
}
.article ul{
	margin-bottom: 20px;
}
.article li{
	margin-bottom: 10px;
}
.article li:last-child{
	margin-bottom: 0;
}
.article ul li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--color-sub);
    margin-right: 20px;
}

.modal__title{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.modal-list{
	display: flex;
	flex-direction: column;
}
.modal-list__item{
	background-color: var(--color-gray);
	padding: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-weight: 600;
}
.modal-list__item:last-child{
	margin-bottom: 0;
}
.modal-list__item:hover{
	color: white;
	background-color: var(--color-sub);
}
.running-line-wrapper{
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 30px;
}
.running-line{
	margin-bottom: 20px;
}
.running-line__item{
	width: 150px;
	padding: 20px;
	background-color: white;
}
.running-line__item-img{
	margin-bottom: 10px;
}
.running-line__item-name{
	font-size: 12px;
	color: var(--color-dark);
	display: block;
}
.running-line__item-article{
	font-size: 10px;
	color: gray;
}
/*AUTH*/
.login__wrapper{
	padding: 20px;
	background-color: white;
}
.auth-container__form{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.auth-container__row{
	display: flex;
	flex-direction: column;
	max-width: 300px;
}
.auth-container__row-input{
	padding: 10px;
	border: 1px solid var(--color-darkest);
}
.auth-container__buttons{
	display: flex;
	flex-direction: column;
	gap: 5px 0;
}
.auth-container__submit{
	padding: 20px;
	background-color: var(--color-sub);
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	max-width: 260px;
	cursor: pointer;
	width: fit-content;
}
.auth-container__row-msg{
	font-size: 12px;
	color: red;
}
.registration__form-submit i{
	display: none;
}