article a {
	display: inline-block;
}

article a:hover,
article a:active {
	text-decoration: none;
	transform: scale(1.01);
}

.hvr-underline:hover,
.hvr-underline:active,
.phone-link:hover,
.phone-link:active,
.address-link:hover,
.address-link:active,
.main-nav a:hover,
.main-nav a:active,
.footer-nav a:hover,
.footer-nav a:active {
	display: inline-block;
	transform: scale(1.02);
}

.more-btns button:hover,
.more-btns button:active {
	transform: scale(1.02);
}

.cars-inner .accents-container .badge:hover {
	transform: scale(1.06);
}

.main-nav a:after {
	width: 90%;
	margin: 6px 5% 0;
}

	.hvr-underline:after,
	article a:after,
	.main-nav a:after,
	.footer-nav a:after,
	.btn-form-link label:after {
		display: block;
		content: '';
		border-bottom: 1px solid #009585;
		transform: scaleX(0);
		transition: transform 250ms ease-in-out;
	}

		.btn-form-link label:after {
			border-bottom: 1px solid #d1d7de; 
			box-shadow: 0 2px 3px rgba(28, 113, 229, 0.4);
		}

			.hvr-underline:hover:after,
			.hvr-underline:active:after,
			article a:hover:after,
			article a:active:after,
			.footer-nav a:hover:after,
			.footer-nav a:active:after,
			.main-nav a:hover:after,
			.main-nav a:active:after,
			.btn-form-link label:hover:after,
			.btn-form-link label:active:after {
				transform: scaleX(1);
				transform-origin:  0% 50%;
			}
			
			.main-nav a:focus:after {
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
			}

				.main-nav .dropdown a:after {
					display: none;
				}

.stamp:hover,
.stamp:active,
.badge:hover,
.badge:active,
#btn-to-top:hover,
#btn-to-top:active {
	animation: rotation 0.2s linear;
}

	.cars-inner .accents-container .badge {
		animation: none;
	}

@-webkit-keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
    }
to {
    -webkit-transform: rotate(359deg);
}
}

.logo,
.logo,
.carousel-item {
	transition: all 0.2s ease-in-out;
	
}
	.logo:hover,
	.logo:active,
	.carousel-item:hover,
	.carousel-item:active {
		transform: scale(1.02);
	}

.btn,
.lightbox img,
.listing-box img,
.listing .car-recommend a img.stamp-recommend,
.listing .heading a {
	transition: all 0.2s ease-in-out;
	
}

	.btn:hover,
	.btn:active,
	.lightbox img:hover,
	.lightbox img:active,
	.listing-box img:hover,
	.listing-box img:active,
	.listing .car-recommend a:active img.stamp-recommend,
	.listing .car-recommend a:hover img.stamp-recommend,
	.listing .car-recommend a:active img.stamp-recommend,
	.listing .heading a:active,
	.listing .heading a:hover,
	.listing .heading a:active {
		animation: glow 3s ease-in-out infinite alternate;
		transform: scale(1.02);
	}

		.car-preview-container .lightbox img:hover,
		.car-preview-container .lightbox img:active {
			animation: none;
			transform: none;
		}

			.listing .car-recommend a:active img.stamp-recommend,
			.listing .car-recommend a:hover img.stamp-recommend,
			.listing .car-recommend a:active img.stamp-recommend {
				transform: scale(1.1);
			}

			.listing .heading a:active,
			.listing .heading a:hover,
			.listing .heading a:active {
				transform: scale(1.01);
			}
	
		/*@-webkit-keyframes glow {
			from {
				box-shadow: 1px 1px 4px #d1d7de, 3px 3px 9px #8494aa;
			}

			to {
				box-shadow: 1px 1px 8px #8494aa, 3px 3px 20px #456287;
			}
		}*/

	.btn:focus {
		animation: none;
		box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4);
	}

		.btn-collapse:focus {
			animation: none;
			box-shadow: none;
		}

	/*.btn-primary:focus {
		box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.8);
	}*/

.btn:hover .icon,
.btn:active .icon {
	transform: translateX(3px);
}

.icon,
.car-brands img {
	transition: all 0.2s ease-in-out;
}

	.icon:hover,
	.icon:active  {
		transform: scale(1.2);
	}

	.car-brands img:hover {
		transform: scale(1.1);
	}

.arrow-icon,
.car-brands img {
	transition: all 0.2s ease-in-out;
}

	.arrow-icon:hover,
	.arrow-icon:active  {
		transform: scale(1.5);
	}

input,
textarea,
select,
option {
	transition: all 0.2s ease-in-out;
}

	input:hover,
	input:active,
	textarea:hover,
	textarea:active,
	select:hover,
	select:active,
	option:hover,
	option:active {
		/*box-shadow: 0 0 6px rgba(28, 113, 229, 0.5);*/
		box-shadow: inset 0 0 1px 1px rgba(99, 118, 143, 0.3);
	}

	input:focus,
	textarea:focus,
	select:focus,
	option:focus {
		/*box-shadow: inset 0 0 6px rgba(26, 54, 90, 0.5);*/
	}

		.search-bar input[type='search'],
		.search-bar input[type='search']:focus {
			outline: none;
		}

			.search-bar input[type='search']:focus {
				border: none;
				/*box-shadow: inset -1px -1px 5px rgba(26, 54, 90, 0.4);*/
			}

			.paginator-container .form-field input:focus,
			.paginator-container .form-field input:hover,
			.paginator-container .form-field input:active {
				border: none;
				box-shadow: none;
			}

.search-bar button {
	transition: all 0.2s ease-in-out;
}

	.search-bar button:hover,
	.search-bar button:active {
		transform: scale(1.1);
	}

	.search-bar button:focus {
		transform: scale(0.8);
	}

.not-found h1 {
	transition: all 1s ease-in-out;
	opacity: 0.8;
}

	.not-found h1:hover,
	.not-found h1:active {
		transform: scale(1.2);
		opacity: 1;
	}

#myModal,
#btn-to-top {
	animation: opacity 1s;
}

	@keyframes opacity {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}

.modal-content {
	animation: ModalContentWidth 1s ease-in;
}

	@keyframes ModalContentWidth {
	0% {width: 5%;}
	100% {width: 90%;}
	}

	.lightbox-gallery .modal-content {
		animation: none;
	}

.slideshow {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	animation: slideshow 30s ease-in-out infinite;
}

@keyframes slideshow {
	0% {background-image: url("../img/hero-silder/Home-slider-01a-mobile.jpg");}
	18% {background-image: url("../img/hero-silder/Home-Slider-02a-mobile.jpg");}
	36% {background-image: url("../img/hero-silder/Home-Slider-03a-mobile.jpg");}
	54% {background-image: url("../img/hero-silder/Home-Slider-04a-mobile.jpg");}
	72% {background-image: url("../img/hero-silder/Home-Slider-05a-mobile.jpg");}
	100% {background-image: url("../img/hero-silder/home-slider-01a-mobile.jpg");}
}

@media only screen and (min-width: 768px) {

@keyframes slideshow {
	0% {background-image: url("../img/hero-silder/home-slider-01a.jpg");}
	18% {background-image: url("../img/hero-silder/Home-Slider-02a.jpg");}
	36% {background-image: url("../img/hero-silder/Home-Slider-03a.jpg");}
	54% {background-image: url("../img/hero-silder/Home-Slider-04a.jpg");}
	72% {background-image: url("../img/hero-silder/Home-Slider-05a.jpg");}
	100% {background-image: url("../img/hero-silder/home-slider-01a.jpg");}
}

}



















