/*** Project Portfolio ***/
#portfolio-flters li {
  display: inline-block;
  font-weight: 500;
  color: var(--dark);
  cursor: pointer;
  transition: .5s;
  border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
  color: var(--primary);
  border-color: var(--primary);
}

.portfolio-item img {
  transition: .5s;
}

.portfolio-item:hover img {
  transform: scale(1.1);
}

.portfolio-item .portfolio-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(98, 34, 204, .0);
  transition: .5s;
  opacity: 0;
}

.portfolio-item:hover .portfolio-overlay {
  opacity: 1;
}


/*---------------------
  Car Details
-----------------------*/

.car-details {
	padding-bottom: 70px;
}

.car__details__pic {
	margin-bottom: 50px;
}

.car__details__pic__large {
	margin-bottom: 20px;
}

.car__details__pic__large img {
	min-width: 100%;
}

.car-thumbs .ct img {
	cursor: pointer;
}







.car__details__sidebar {
	padding: 25px 30px 20px;
	background: #f7f7f7;
}

.car__details__sidebar__model {
	margin-bottom: 5px;
}

.car__details__sidebar__model ul {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.car__details__sidebar__model ul li {
	list-style: none;
	font-size: 15px;
	color: #727171;
	line-height: 36px;
	overflow: hidden;
}

.car__details__sidebar__model ul li span {
	color: #353535;
	font-weight: 700;
	float: right;
}

.car__details__sidebar__model .primary-btn {
	display: block;
	text-align: center;
	border-radius: 0;
	padding: 12px 0 10px;
}

.car__details__sidebar__model .primary-btn i {
	margin-right: 5px;
}

.car__details__sidebar__model p {
	color: #353535;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	margin-bottom: 0;
}

.car__details__sidebar__payment ul {
	margin-bottom: 30px;
}

.car__details__sidebar__payment ul li {
	list-style: none;
	font-size: 15px;
	color: #727171;
	line-height: 36px;
	overflow: hidden;
}

.car__details__sidebar__payment ul li:last-child span {
	font-size: 20px;
}

.car__details__sidebar__payment ul li span {
	color: #353535;
	font-weight: 700;
	float: right;
}

.car__details__sidebar__payment .primary-btn {
	display: block;
	border-radius: 0;
	text-align: center;
	margin-bottom: 10px;
	padding: 12px 0 10px;
}

.car__details__sidebar__payment .primary-btn i {
	margin-right: 5px;
}

.car__details__sidebar__payment .primary-btn.sidebar-btn {
	background: #007bff;
	color: #ffffff;
	border: 1px solid #ebebeb;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }