@media (hover: hover) and (pointer: fine) {
	a:not(.ui-corner-all) {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		a:hover {
			color: var(--secondary);
		}

	.btn {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		.btn:not(.il, .na) i {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-transition-duration: .1s;
			-o-transition-duration: .1s;
			transition-duration: .1s;
			-webkit-transition-property: transform;
			-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
			-o-transition-property: transform;
			transition-property: transform;
			transition-property: transform,-webkit-transform;
			-webkit-transition-timing-function: ease-out;
			-o-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

		.btn:not(.il, .na):hover i {
			-webkit-transform: translateX(4px);
			-ms-transform: translateX(4px);
			transform: translateX(4px);
		}

	.btn-bg-primary:hover {
		background-color: var(--secondary);
		color: white;
	}

	.btn-bg-primary-dark:hover {
		background-color: var(--light);
		color: var(--primary-dark);
	}

	.btn-bg-secondary:hover {
		background-color: var(--secondary-dark);
		color: white;
	}

	.btn-border-secondary:hover {
		background-color: var(--secondary);
		color: white;
	}

	.btn-bg-light:hover {
		background-color: var(--secondary);
		color: white;
	}

	.btn-bg-grey:hover {
		border-color: var(--primary-dark);
		color: var(--primary-dark);
	}

	.bg-colour-light .btn-bg-primary-dark:hover {
		background-color: var(--primary);
		color: white;
	}

	#header .header-right .header-right-group #menu .nav .nav-item .nav-link {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#header .header-right .header-right-group #menu .nav .nav-item .nav-link:hover {
			color: var(--secondary);
		}

	.category .item .box,
	.vehicles .item .box,
	.vehicle-list .item .box,
	.offer-list .offer-item .offer-box {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		outline: 2px solid transparent;
	}

		.category .item .box:hover,
		.vehicles .item .box:hover,
		.vehicle-list .item .box:hover,
		.offer-list .offer-item .offer-box:hover {
			outline-color: var(--secondary);
		}

		.offer .offer-box .offer-image .btn:hover {
			background-color: var(--secondary);
			color: white;
		}

	.article-list .article-item .article-box:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: -32px;
		right: -32px;
		background: var(--primary);
		height: 32px;
		width: 32px;
		border-radius: 32px;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: -webkit-transform 0.4s ease-out;
		transition: -webkit-transform 0.4s ease-out;
		-o-transition: transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
		transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
	}

	.article-list .article-item .article-box:hover:before {
		-webkit-transform: scale(50);
		-ms-transform: scale(50);
		transform: scale(50);
	}

	.article-list .article-item .article-box:hover .article-title a {
		color: white;
	}

	.vehicles .item .box .box-content .item-title a:hover {
		color: var(--secondary);
	}

	.gallery .swiper-button-prev,
	.gallery .swiper-button-next,
	.gallery .swiper-button-prev .swiper-navigation-icon path,
	.gallery .swiper-button-next .swiper-navigation-icon path {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.gallery .swiper-button-prev:hover,
	.gallery .swiper-button-next:hover {
		background-color: var(--secondary);
	}

		.gallery .swiper-button-prev:hover .swiper-navigation-icon path,
		.gallery .swiper-button-next:hover .swiper-navigation-icon path {
			fill: white;
		}

	#cta .cta-tel, #cta .cta-email {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#cta .cta-tel:hover, #cta .cta-email:hover {
			color: var(--secondary);
		}

	#footer .nav .nav-item .nav-link {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#footer .nav .nav-item .nav-link:hover {
			color: var(--secondary);
		}

	#copyright .footer-links .nav-item .nav-link {
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#copyright .footer-links .nav-item .nav-link:hover {
			color: var(--secondary);
		}
}

.btn:focus-visible,
.btn:active{
	border-color:transparent!important;
}

.btn-bg-primary:focus-visible,
.btn-bg-primary:active {
	background-color: var(--primary) !important;
	color: white !important;
}

.btn-bg-primary-dark:focus-visible,
.btn-bg-primary-dark:active {
	background-color: var(--primary-dark) !important;
	color: white !important;
}

.btn-bg-secondary:focus-visible,
.btn-bg-secondary:active {
	background-color: var(--secondary) !important;
	color: white !important;
}

.btn-border-secondary:focus-visible,
.btn-border-secondary:active {
	background-color: white !important;
	color: white !important;
}

.btn-bg-light:focus-visible,
.btn-bg-light:active {
	background-color: var(--light) !important;
	color: var(--primary) !important;
}

.btn-bg-grey:focus-visible,
.btn-bg-grey:active {
	border-color: var(--grey) !important;
	color: var(--primary-dark) !important;
}