/*-------------------------------------------*/
/*- tt-promo-02 ( Banner with a moving car) -*/
/*-------------------------------------------*/
.tt-promo-02 {
	overflow: hidden;
}
.tt-promo-02 .moving-car {
	position: relative;
}
.tt-promo-02 .moving-car .carObj {
	width: 844px;
	height: 456px;
	float: right;
	position: relative;
}
@media (max-width: 1700px) {
	.tt-promo-02 .moving-car .carObj {
		width: 790px;
	}
}
.tt-promo-02 .moving-car .carObj .wheel1 {
	position: relative;
	top: 280px;
	left: 124px;
}
.tt-promo-02 .moving-car .carObj .wheel2 {
	position: relative;
	top: 280px;
	left: 452px;
}
.tt-promo-02 .moving-car .carObj .wheel {
	animation-name: spin;
	animation-duration: 700ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: 2;
}
@keyframes spin {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}
.tt-promo-02 .moving-car .car-limiter {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 115px;
	z-index: 3;
}
.tt-promo-02 .col-info * {
	color: #fff;
}
.tt-promo-02 .col-info p {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	padding-bottom: 1px;
	line-height: 1.2;
	letter-spacing: 0.005em;
	font-weight: lighter;
}
.tt-promo-02 .col-info strong {
	font-family: 'Roboto', sans-serif;
	font-size: 70px;
	line-height: 1.2;
	font-weight: 500;
}
.tt-promo-02 .col-info [class^="btn-"] {
	margin-top: 38px;
}
.tt-promo-02 .carObj-mobile {
	width: 100%;
	height: auto;
	display: none;
}
.tt-promo-02 .carObj-arrow-down {
	width: 100%;
	display: none;
	height: auto;
}
@media (min-width: 1581px) {
	.tt-promo-02 {
		height: 446px;
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.tt-promo-02 .col-info {
		width: 47%;
		position: relative;
		text-align: right;
		z-index: 2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.tt-promo-02 .col-info:before {
		content: '';
		position: absolute;
		width: 90px;
		height: 446px;
		top: 0;
		right: -90px;
		z-index: 110;
	}
	.tt-promo-02 .col-info:after {
		content: '';
		position: absolute;
		width: 204px;
		height: 318px;
		bottom: 0;
		left: 0px;
		z-index: 0;
	}
	.tt-promo-02 .col-info .text-banner {
		width: 543px;
		text-align: center;
		position: relative;
		z-index: 2;
		margin-right: -7px;
		padding-bottom: 27px;
	}
	.tt-promo-02 .col-moving-car {
		width: 53%;
		position: relative;
		z-index: 1;
	}
}
@media (max-width: 1580px) {
	.tt-promo-02 {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.tt-promo-02 .col-info {
		width: 100%;
		text-align: center;
	}
	.tt-promo-02 .moving-car .carObj {
		margin: 0 auto;
		float: none;
	}
}
@media (min-width: 767px) and (max-width: 1580px) {
	.tt-promo-02 .carObj-arrow-down {
		display: block;
	}
}
@media (max-width: 1580px) {
	.tt-promo-02 .col-info {
		padding-left: 10%;
		padding-right: 10%;
	}
	.tt-promo-02 .col-info p {
		margin-top: 56px;
	}
}
@media (max-width: 1400px) {
	.tt-promo-02 .col-info p {
		font-size: 40px;
	}
	.tt-promo-02 .col-info strong {
		font-size: 60px;
	}
	.tt-promo-02 .col-info .btn-border {
		margin-top: 30px;
	}
}
@media (max-width: 768px) {
	.tt-promo-02 .carObj-mobile {
		display: block;
	}
	.tt-promo-02 .col-moving-car {
		display: none;
	}
	.tt-promo-02 .col-info {
		padding-bottom: 15px;
	}
	.tt-promo-02 .col-info p {
		font-size: 29px;
	}
	.tt-promo-02 .col-info strong {
		font-size: 49px;
	}
	.tt-promo-02 .col-info [class^="btn-"] {
		margin-top: 17px;
	}
}
@media (max-width: 500px) {
	.tt-promo-02 .col-info {
		padding-bottom: 10px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.tt-promo-02 .col-info p {
		font-size: 24px;
		margin-top: 37px;
		line-height: 32px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.tt-promo-02 .col-info strong {
		font-size: 38px;
		margin-top: 5px;
		display: inline-block;
	}
	.tt-promo-02 .col-info [class^="btn-"] {
		margin-top: 16px;
	}
}