/**************************************/
/************** CUSTOM ****************/
/**************************************/
html, body {
	font-family: 'Toyota';
	font-size: 0.925rem!important;
	scroll-behavior: smooth;
}
@font-face {
	font-family: 'Toyota';
	src: url('fonts/toyotatextregular-webfont.ttf'), url('fonts/toyotatextregular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'ToyotaBold';
	src: url('fonts/toyotatextbold-webfont.ttf'), url('fonts/toyotatextbold-webfont.woff') format('woff');
}
@font-face {
	font-family: 'RalewayBold';
	src: url('../asset/font/Raleway-Bold.ttf');
}
@font-face {
	font-family: 'RalewaySemiBold';
	src: url('../asset/font/Raleway-SemiBold.ttf');
}
@font-face {
	font-family: 'RalewayMedium';
	src: url('../asset/font/Raleway-Medium.ttf');
}
@font-face {
	font-family: 'RalewayLight';
	src: url('../asset/font/Raleway-Light.ttf');
}
@font-face {
	font-family: 'RalewayRegular';
	src: url('../asset/font/Raleway-Regular.ttf');
}
.text-toyotabold {
	font-family: 'ToyotaBold';
	color: #ffffff
}
.text-ralewaylight {
	font-family: 'RalewayLight';
}
.text-ralewaymedium {
	font-family: 'RalewayMedium';
}
.text-ralewaysemibold {
	font-family: 'RalewaySemiBold';
}
.text-ralewaybold {
	font-family: 'RalewayBold';
}
.text-ralewayregular {
	font-family: 'RalewayRegular';
}
.text-black {
	color: #000000;
}
.text-white {
	color: #ffffff;
}
.text-rojo {
	color: #ea0010 !important;
}
.text-rojo a {
	color: #ea0010;
}
.text-rojo a:hover {
	color: #000000 !important;
}
.text-gris {
	color: #6e6e6e;
}
.text-celeste {
	color: #0095e8;
}
.text-azul-oscuro {
	color: #033277 !important;
}
.bg-celeste {
	background-color: #0095e8;
}
.bg-azul {
	background-color: #0061ae;
}
.bg-azul-oscuro {
	background-color: #033277;
}
.bg-negro {
	background-color: #000000;
}
.blackShadow {
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.activeNav {
	color: #ffffff;
	background-color: #ea0010;
}
.bg-gris-claro {
	background-color: #d4d4d4;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff
}
.bg-rojo {
	background-color: #ea0010;
}
.bg-celeste {
	background-color: #54beec;
}
.bg-verde {
	background-color: #77d2d0;
}
.bg-amarillo {
	background-color: #fdd520;
}
a:hover {
	text-decoration: none;
}
.btn-primary {
	background-color: transparent;
	color:#ffffff !important;
	border-color: #8bd2f0!important
}
.carousel {
	margin-left: -15px;
	margin-right: -15px;
}
.carousel-caption {
	right: 5%;
	bottom: 60%;
	text-align: right !important;
}
.carousel-caption h1 {
	font-size: 10vh;
	line-height: 11vh;
	letter-spacing: -1px;
	font-family: 'ToyotaBold';
}
.carousel-indicators {
	right: 5%;
	left: unset;
	top: 25%;
	margin-right: 0px;
	margin-left: 0px;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 50px;
}
.img-fluid {
	width: 100%
}
.negativeMargin {
	margin-top: -60px;
}
.btn-100 {
	width: 100%;
	border-radius: 0;
}
.card-body {
	background-color: #ffffff;
	padding: 0.75rem
}

/* NAVEGACION */

.nav-off-canvas {
	width: 250px;
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 20px #a7a7a7;
	font-size: 14px;
	line-height: 16px;
}
.nav-off-canvas a:hover, .opciones-tab li:hover {
	color: #ffffff;
	background-color: #ea0010;
	transition: 0.5s;
}
.opciones-tab li:hover a {
	color: #ffffff !important;
}
.social a:hover {
	background-color: transparent;
}
.derechos {
	font-size: 11px;
	line-height: 14px;
}
.navbar-brand img {
	width: 120px;
}
.no-hover:hover {
	background-color: transparent !important;
}
.navbar {
	border-bottom: 1px solid #b7b7b7;
}
.navbar li a:hover {
	color: #ea0010 !important;
	transition: 0.5s;
}
#off-opcion-1, #off-opcion-2, #off-opcion-3, #off-opcion-4, #off-opcion-5, #off-opcion-6 {
	width: 250px;
	height: 100%;
	z-index: 99;
	transition: 0.1s;
	font-size: 14px;
	line-height: 16px;
}
#off-opcion-1 a:hover, #off-opcion-2 a:hover, #off-opcion-3 a:hover, #off-opcion-4 a:hover, #off-opcion-5 a:hover, #off-opcion-6 a:hover {
	background-color: #ce0916;
	transition: 0.3s;
}
.mostrar {
	margin-left: 250px;
}
.accordion .btn-link {
	white-space: normal;
}
.banner-tss-3 {
	background-image: url(img/bannertss1.html);
}
.banner-tss-4 {
	background-image: url(img/bannertss2.html);
}
.banner-tss-5 {
	background-image: url(img/bannertss3.html);
}
.banner-tss-6 {
	background-image: url(img/bannertss4.html);
}
.banner-tss-3, .banner-tss-4, .banner-tss-5, .banner-tss-6 {
	padding-bottom: 400px;
	background-size: cover;
	background-position: center;
}
.boton-redondo {
	border-radius: 50px;
}
.modal-content {
	background-color: #54beec;
}
.modal-body p {
	color: #ffffff !important
}
.modal-body h2 {
	color: #000 !important
}
.modal-title {
	color: #ffffff !important;
	font-size: 7vh;
	line-height: 60px
}
.modal a {
	color: #000000
}
.mitos p {
	font-size: 15px;
}
.panel {
	border: 1px solid #8bd2f0;
	margin: 5px;
	padding: 10px;
}
@media (min-width: 768px) {
	main {
		width: calc(100% - 250px) !important;
		margin-left: 250px !important;
	}
	html, body {
		scroll-behavior: smooth;
		overflow-x: hidden;
	}
	.carro-piramide {
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 25vw;
		position: absolute;
	}
	.diseno {
		background-image: url(img/fondo1.jpg);
		background-size: 110%;
		background-attachment: fixed;
		background-position: bottom;
	}
}
.img-detras {
	margin-top: -150px;
	z-index: -999;
}
@media (max-width: 767px) {
	.carousel-caption h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.carousel-caption {
		right: 5%;
		bottom: 0%;
		text-align: right !important;
	}
	.img-detras {
		margin-top: -80px;
	}
}
/*Timeline*/
.circle {
	padding: 13px 20px;
	border-radius: 50%;
	background-color: #ED8D8D;
	color: #fff;
	max-height: 50px;
	z-index: 2;
}
.how-it-works.row .col-2 {
	align-self: stretch;
}
.how-it-works.row .col-2::after {
	content: "";
	position: absolute;
	border-left: 3px solid #ED8D8D;
	z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
	height: 50%;
	left: 50%;
	top: 50%;
}
.how-it-works.row .col-2.full::after {
	height: 100%;
	left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
	height: 50%;
	left: 50%;
	top: 0;
}
.timeline div {
	padding: 0;
	height: 40px;
}
.timeline hr {
	border-top: 3px solid #ED8D8D;
	margin: 0;
	top: 17px;
	position: relative;
}
.timeline .col-2 {
	display: flex;
	overflow: hidden;
}
.timeline .corner {
	border: 3px solid #ED8D8D;
	width: 100%;
	position: relative;
	border-radius: 15px;
}
.timeline .top-right {
	left: 50%;
	top: -50%;
}
.timeline .left-bottom {
	left: -50%;
	top: calc(50% - 3px);
}
.timeline .top-left {
	left: -50%;
	top: -50%;
}
.timeline .right-bottom {
	left: 50%;
	top: calc(50% - 3px);
}
#imageContainer {
	background-color: #fff;
	overflow: hidden;
}
#imageContainer img {
	animation: kenburns 30s infinite;
}
.hideme {
	opacity: 0;
}
@keyframes kenburns {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
		animation-timing-function: ease-in;
		opacity: 1;
	}
	100% {
		transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
		opacity: 0;
	}
}
.info-1 {
	background-image: url(img/info1.jpg);
	background-size: cover;
}
.info-2 {
	background-image: url(img/info2.jpg);
	background-size: cover;
}
.info-3 {
	background-image: url(img/info3.jpg);
	background-size: cover;
}
.info-1 p, .info-1 h3, .info-2 p, .info-2 h3, .info-3 p, .info-3 h3 {
	text-shadow: 0px 0px 5px #000;
}
.test-drive {
	background-image: url(img/imgizquierda.jpg);
	background-size: cover;
	background-position: left;
}
.distribuidor {
	background-image: url(img/imgderecha.jpg);
	background-size: cover;
	background-position: right;
}
.opciones-footer {
	background-image: url(img/fondorojo.jpg);
	background-size: cover;
}
.opciones-footer .borde-izq {
	border-left: 1px solid #ffffff;
}
.pie {
	background-image: url(img/fondofooter.jpg);
	background-size: cover;
	background-position: center;
}
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: #d70c2b;
	width: 45px;
	height: 45px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 9999999
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(0, 0, 0, 1);
}
#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

.terms_link {
    margin-bottom: 0;
}

.copy {
    margin-bottom: 0;
}

.local_navigater{
	display: none !important;
}

.local_navigater_sp .btn {
	display: none !important;
	padding: .375rem .375rem;
}

.f-14{
	font-size: 14px !important;
}

.f-18{
	font-size: 18px !important;
}

.f-26{
	font-size: 26px !important;
}

.f-32{
	font-size: 32px !important;
}

.f-40{
	font-size: 40px !important;
}

.f-50{
	font-size: 50px !important;
}

.bg-black {
    background-color: #000 !important;
}