﻿.page-loader 
{
    display: none;
}

.car-card .car-popular
{
	z-index:1;
}

.guarantee h3
{
	background: #e5a732;
			color: #fff;
			display: inline-block;
			text-transform: uppercase;
			font-weight: 800;
			padding: 6px 7px 6px 30px;
			background-image: url(../images/g-icon.png);
			background-repeat: no-repeat;
			background-size: 20px 20px;
			background-position: 5px 50%;
			font-size: 14px;
			margin-top:0;
}

.popup-container
{
	z-index:998;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}

.popup
{
	overflow:auto;
	position:absolute;
	top:0%;
	left:0%;
	padding:1%;
	width:100%;
	max-height:100%;
	line-height:25px;
	font-size:18px;
	font-weight:300;
	color:#fff;
	background:transparent;
	box-sizing:border-box;
	border:0px;
}

.popup > div
{
	position:relative;
	margin:0px auto;
	max-width:860px;
	padding:30px;
	background:url(/media/1/covid-bg.jpg) #bf3f1a no-repeat center center;
	background-size:cover;
}

.popup p
{
	margin-bottom:20px;
	line-height:25px;
	font-size:18px;
	font-weight:300;
}

.popup a
{
	color:#fff;
	font-weight:600;
}

.popup a:hover
{
	text-decoration:underline;
}

.popup h3
{
	margin-bottom:0px;
	line-height:30px;
	font-size:25px;
	font-weight:600;
	color:#fff;
	text-transform:none;
}

.popup ul
{
	margin-left:20px;
	color:#fff;
	list-style-position: outside;
}

.popup ul li
{
	line-height:25px;
	font-size:18px;
	font-weight:300;
	color:#fff;
}

a.popup-close
{
	z-index:999;
	position:absolute;
	top:-10px;
	right:-10px;
	display:block;
	padding:10px;
	width:40px;
	height:40px;
	line-height:20px;
	color:#d32905;
	background:#fff;
	text-align:center;
	text-transform:uppercase;
	border-radius:50%;
	border:1px solid #d32905;
}

a.popup-close:hover
{
	text-decoration:none;
}

@media screen and (max-width:920px)
{
	a.popup-close
	{
		position:fixed;
		top:1px;
		right:1px;
	}
}

.hero .hero-text h3
{
	margin:-20px 0px 10px 0px;
	width:263px;
	font-size: 20px;
	font-weight: 700;
	text-align:center;
	text-transform: uppercase;
	color: #d32905;
}

@media screen and (max-width:767px)
{
	.hero .hero-text h3
	{
		margin:-25px 0px 5px 0px;
		width:211px;
		font-size: 16px;
	}
}

.hero.hero-is .hero-bg img
{
	-o-object-position: bottom center;
	object-position: bottom center;
}

.info-card .info-text.info-text-front h3 .large
{
	font-size: 50px;
}

.info-card .info-text.info-text-front p
{
	font-size: 22px;
	font-weight:500;
	color:#fff;
}

@media screen and (min-width:1200px)
{
	.hero.hero-is
	{
		padding-bottom:0px;
	}

	.hero.hero-is .hero-text
	{
		margin-left:0px;
		min-height:400px;
	}

	.hero.hero-is .hero-text h5
	{
		font-size:1.1rem;
		font-weight: 600;
	}

	.hero.hero-is .hero-text h2
	{
		font-size: 48px;
	}
}


@media screen and (max-width:1200px)
{
	.info-card .info-text.info-text-front h3 .large
	{
		font-size: 40px;
	}

	.info-card .info-text.info-text-front p
	{
		font-size: 18px;
	}
}

.nav-textlet img
{
	margin-top: -2px;
	width: 16px;
	height: 16px;
}

ul.navbar-nav li.nav-item:nth-child(1) img
{
	width: 13px;
	height: 14px;
}

ul.navbar-nav li.nav-item:nth-child(2) img
{
	width: 20px;
	height: 13px;
}

ul.navbar-nav li.nav-item:nth-child(3) img
{
	width: 15px;
	height: 15px;
}

.blog-front img
{
	width: 350px;
	height: 270px;
}

@media screen and (max-width: 1200px)
{
	.blog-front img
	{
		width: 290px !important;
		height: 223px !important;
	}
}

@media screen and (max-width: 992px)
{
	.blog-front img
	{
		width: 510px !important;
		height: 285px !important;
	}
}

.logo-google
{
	width: 160px;
	height: 52px;
}

.logo-fb
{
	width: 206px;
	height: 40px;
}

.review-logo .logo-google
{
	width: 54px;
	height: 18px;
}

.review-logo .logo-fb
{
	width: 73px;
	height: 14px;
}

.video-thumb img
{
	width: 635px;
	height: 357px;
}

@media screen and (max-width: 992px)
{
	.video-thumb img
	{
		width: 690px;
		height: 388px;
	}
}

@media screen and (max-width: 768px)
{
	.video-thumb img
	{
		width: 510px;
		height: 287px;
	}
}

@media screen and (max-width: 540px)
{
	.video-thumb img
	{
		width: 457px;
		height: 257px;
	}
}


@media (min-width: 992px)
{
	header.fixed .nav-secondary
	{
		max-height:36px !important;
	}
}


.car-card .highlight
{
	margin-top:-10px;
}

.car-card .highlight h3
{
	display: inline-block;
	margin-top: 0;
	margin-bottom:2px;
	padding: 6px 7px 6px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	background-color: #e5a732;
	background-image: url(../images/g-icon.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 50%;
}

.car-card .highlight + .guarantee
{
	margin-bottom: -8px;
}

.car-card .highlight + .guarantee h3
{
	margin-bottom: 0px;
}


.summary-head .highlight h3
{
	display: inline-block;
	margin-top: 0;
	margin-bottom:2px;
	padding: 6px 7px 6px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	background-color: #e5a732;
	background-image: url(../images/g-icon.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 50%;
}



.header-carousel > aside
{
	margin-top:4px;
	width:100%;
	border-top:1px solid #dddddd;
}

.header-carousel > aside ul
{
	display:flex;
	justify-content: space-between;
	margin:0px;
	padding:0px;
	list-style:none;
}

.header-carousel > aside ul li
{
	padding:13px 15px;
	line-height:17px;
	font-size:14px;
	transition:padding-top 300ms, padding-bottom 300ms;
}

.header-carousel > aside ul li img
{
	margin-right:5px;
	vertical-align:top;
}

.fixed .header-carousel > aside ul li
{
	padding-top:8px;
	padding-bottom:8px; 
}

@media screen and (min-width:992px) and (max-width: 1200px)
{
	.header-carousel > aside
	{
		margin-top:1px;
	}

	.header-carousel > aside ul li
	{
		padding:13px 10px;
	}

	.header-carousel > aside ul li img
	{
		margin-right:0px;
	}

	.fixed .header-carousel > aside ul li
	{
		padding-top:8px;
		padding-bottom:8px; 
	}
}


@media screen and (min-width:768px) and (max-width: 992px)
{
	.header-carousel
	{
		max-width:calc(100% - 20px);
	}

	.header-carousel > aside
	{
		margin-top:1px;
	}

	.header-carousel > aside ul li
	{
		padding:5px 5px;
		line-height:16px;
		font-size:11px;
	}

	.header-carousel > aside ul li img
	{
		margin-right:2px;
		height:14px;
	}

	.fixed .header-carousel > aside ul li
	{
		padding-top:5px;
		padding-bottom:5px; 
	}
}

@media screen and (max-width:768px)
{

	.header-carousel
	{
		padding:0px;
		max-width:100%;
	}

	.header-carousel > aside
	{
		overflow:hidden;
		width:100%;
	}

	.header-carousel > aside ul
	{
		display:block;
		width:500%;
		margin-left:0%;
		transition:margin-left 300ms;
	}

	.header-carousel > aside ul.active-index-0
	{
		margin-left:0%;
	}

	.header-carousel > aside ul.active-index-1
	{
		margin-left:-100%;
	}

	.header-carousel > aside ul.active-index-2
	{
		margin-left:-200%;
	}

	.header-carousel > aside ul.active-index-3
	{
		margin-left:-300%;
	}

	.header-carousel > aside ul.active-index-4
	{
		margin-left:-400%;
	}

	.header-carousel > aside ul li
	{
		float:left;
		width:20%;
		text-align:center;
	}

	.fixed .header-carousel > aside ul li
	{
		padding-top:13px;
		padding-bottom:13px; 
	}

	.fixed .header-carousel > aside ul li.active:nth-child(0)
	{
		margin-left:0%;
	}

}