/* .cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
	list-style: none;
} */

.cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus {
	border-color: #313740;
}

.cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus {
	color: #313740;
}

.cd-horizontal-timeline blockquote, .cd-horizontal-timeline q {
	quotes: none;
}

.cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after, .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after {
	content: '';
	content: none;
}

.cd-horizontal-timeline table {
	border-collapse: collapse;
	border-spacing: 0;
}

.cd-horizontal-timeline {
	opacity: 0;
	margin: 2em auto;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
	/* never visible - this is used in jQuery to check the current MQ */
	content: 'mobile';
	display: none;
}

.cd-horizontal-timeline.loaded {
	/* show the timeline after events position has been set (using JavaScript) */
	opacity: 1;
}

.cd-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
	/* these are used to create a shadow effect at the sides of the timeline */
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	height: 100%;
	width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
	left: 0;
}

.cd-horizontal-timeline .events-wrapper::after {
	right: 0;
}

.cd-horizontal-timeline .events {
	/* this is the grey line/timeline */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50px;
	height: 2px;
	/* width will be set using JavaScript */
	background: #dfdfdf;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
	/* this is used to create the green line filling the timeline */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: var(--verde);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 1rem;
	padding-bottom: 15px;
	/* fix bug on Safari - text flickering while timeline translates */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
	/* this is used to create the event spot */
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -5px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	background-color: #f8f8f8;
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #313740;
	border-color: #313740;
}

.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
	background-color: var(--verde);
	border-color: var(--verde);
}

.cd-horizontal-timeline .events a.older-event::after {
	border-color: var(--verde);
}

@media only screen and (min-width: 1100px) {
	.cd-horizontal-timeline::before {
		/* never visible - this is used in jQuery to check the current MQ */
		content: 'desktop';
	}
}

.cd-timeline-navigation a {
	/* these are the left/right arrows to navigate the timeline */
	position: absolute;
	z-index: 1;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	/* replace text with an icon */
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
	/* arrow icon */
	content: '';
	position: absolute;
	height: 16px;
	width: 16px;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(../img/cd-arrow.svg) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
	right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
	border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
	cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
	background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
	border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
	position: relative;
	width: 100%;
	margin: 2em 0;
	/* overflow: hidden; */
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 0 5%;
	opacity: 0;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
	/* visible event content */
	position: relative;
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
	-webkit-animation-name: cd-enter-right;
	-moz-animation-name: cd-enter-right;
	animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-name: cd-enter-left;
	-moz-animation-name: cd-enter-left;
	animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
	max-width: 800px;
	margin: 0 auto;
}

.cd-horizontal-timeline .events-content h4 {
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 20px;
	margin-bottom: 15px;
}

.cd-horizontal-timeline .events-content h4 small {
	font-weight: 400;
	line-height: normal;
	font-size: 15px;
}

.cd-horizontal-timeline .events-content em {
	display: block;
	font-style: italic;
	margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
	content: '- ';
}

.cd-horizontal-timeline .events-content p {
	font-size: 16px;
	margin-top: 15px;
}

@media only screen and (min-width: 768px) {
	.cd-horizontal-timeline .events-content em {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	.cd-horizontal-timeline.loaded {
		margin: 0;
	}
	.cd-horizontal-timeline .timeline {
		width: 100%;
	}
	.cd-horizontal-timeline ol, 	.cd-horizontal-timeline ul {
		padding: 0;
		margin: 0;
	}
	.cd-horizontal-timeline .events-content h4 {
		font-size: 16px;
	}
	.cd-horizontal-timeline .events-content {
		margin: 0;
	}
}

@-webkit-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}

@keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}

@keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

.timeline:before {
	content: " ";
	display: none;
	bottom: 0;
	left: 0%;
	width: 0px;
	margin-left: -1.5px;
	background-color: #eeeeee;
}

.espacio-tiempo1 {
	left: 20px !important;
}

.espacio-tiempo2 {
	left: 140px !important;
}

.espacio-tiempo3 {
	left: 300px !important;
}

.espacio-tiempo4 {
	left: 400px !important;
}

.texto2 {
	width: 600px;
}

/*****GENERAL******/

:root {
	--red: #EC111A;
	--grey: #999999;
	--purple: #7849B8;
	--lightgrey: #F6F6F6;
	--blue: #009DD6;
	--orange: #FB6330;
	--green: #138468;
	--pink: #F2609E;
	--yellow: #FFD42F;
	--primario: #FB0027;
	--primariooscuro: #B80008;
	--secundario: white;
	--secundariooscuro: #B80008;
	--rojo: #EC111A;
	--rojo-light: #FF969C;
	--rosado: #F2609E;
	--rosado-light: #FDA8DE;
	--naranjo: #FB6330;
	--naranjo-light: #FFBA8E;
	--morado: #7849B8;
	--morado-light: #AEA9F4;
	--verde: #138468;
	--verde-light: #84D9C6;
	--celeste: #009DD6;
	--celeste-light: #91DDF8;
	--amarillo: #FFB92C;
	--negro: rgb(0, 0, 0, 0.6);
}

.bg-rojo {
	background-color: var(--rojo)!important;
}

.bg-rojo-light {
	background-color: var(--rojo-light)!important;
}

.bg-rosado {
	background-color: var(--rosado)!important;
}

.bg-rosado-light {
	background-color: var(--rosado-light)!important;
}

.bg-naranjo {
	background-color: var(--naranjo);
}

.bg-naranjo-light {
	background-color: var(--naranjo-light);
}

.bg-morado {
	background-color: var(--morado)!important;
}

.bg-morado-light {
	background-color: var(--morado-light)!important;
}

.bg-verde {
	background-color: var(--verde)!important;
}

.bg-verde-light {
	background-color: var(--verde-light)!important;
}

.bg-celeste {
	background-color: var(--celeste)!important;
}

.bg-celeste-light {
	background-color: var(--celeste-light)!important;
}

.bg-amarillo {
	background-color: var(--amarillo) important;
}

.text-rojo {
	color: var(--rojo)!important;
}

.text-rojo-light {
	color: var(--rojo-light)!important;
}

.text-rosado {
	color: var(--rosado)!important;
}

.text-rosado-light {
	color: var(--rosado-light)!important;
}

.text-naranjo {
	color: var(--naranjo)!important;
}

.text-naranjo-light {
	color: var(--naranjo-light)!important;
}

.text-morado {
	color: var(--morado)!important;
}

.text-morado-light {
	color: var(--morado-light)!important;
}

.text-verde {
	color: var(--verde)!important;
}

.text-verde-light {
	color: var(--verde-light)!important;
}

.text-celeste {
	color: var(--celeste)!important;
}

.text-celeste-light {
	color: var(--celeste-light)!important;
}

.text-amarillo {
	color: var(--amarillo)!important;
}

.btn-rojo {
	background-color: var(--rojo)!important;
	color: white !important;
}

.btn-rojo-light {
	background-color: var(--rojo-light)!important;
	color: white !important;
}

.btn-rosado {
	background-color: var(--rosado)!important;
	color: white !important;
}

.btn-rosado-light {
	background-color: var(--rosado-light)!important;
	color: white !important;
}

.btn-naranjo {
	background-color: var(--naranjo)!important;
	color: white !important;
}

.btn-naranjo-light {
	background-color: var(--naranjo-light)!important;
	color: white !important;
}

.btn-morado {
	background-color: var(--morado)!important;
	color: white !important;
}

.btn-morado-light {
	background-color: var(--morado-light)!important;
	color: white !important;
}

.btn-verde {
	background-color: var(--verde)!important;
	color: white !important;
}

.btn-verde-light {
	background-color: var(--verde-light)!important;
	color: white !important;
}

.btn-celeste {
	background-color: var(--celeste)!important;
	color: white !important;
}

.btn-celeste-light {
	background-color: var(--celeste-light)!important;
	color: white !important;
}

.btn-amarillo {
	background-color: var(--amarillo)!important;
	color: white !important;
}

.btn-outline-rojo, .btn-outline-hover-rojo {
	border: solid 2px !important;
	color: var(--rojo) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--rojo) !important;
}

.btn-outline-rojo-light, .btn-outline-hover-rojo-light {
	border: solid 2px !important;
	color: var(--rojo-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--rojo-light) !important;
}

.btn-outline-hover-rojo:hover {
	color: #fff !important;
	background-color: var(--rojo);
	border-color: #fff !important;
}

.btn-outline-hover-rojo-light:hover {
	color: #fff !important;
	background-color: var(--rojo-light);
	border-color: #fff !important;
}

.btn-outline-rosado, .btn-outline-hover-rosado {
	border: solid 2px !important;
	color: var(--rosado) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--rosado) !important;
}

.btn-outline-rosado-light, .btn-outline-hover-rosado-light {
	border: solid 2px !important;
	color: var(--rosado-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--rosado-light) !important;
}

.btn-outline-hover-rosado:hover {
	color: #fff !important;
	background-color: var(--rosado);
	border-color: #fff !important;
}

.btn-outline-hover-rosado-light:hover {
	color: #fff !important;
	background-color: var(--rosado-light);
	border-color: #fff !important;
}

.btn-outline-naranjo, .btn-outline-hover-naranjo {
	border: solid 2px !important;
	color: var(--naranjo) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--naranjo) !important;
}

.btn-outline-naranjo-light, .btn-outline-hover-naranjo-light {
	border: solid 2px !important;
	color: var(--naranjo-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--naranjo-light) !important;
}

.btn-outline-hover-naranjo:hover {
	color: #fff !important;
	background-color: var(--naranjo);
	border-color: #fff !important;
}

.btn-outline-hover-naranjo-light:hover {
	color: #fff !important;
	background-color: var(--naranjo-light);
	border-color: #fff !important;
}

.btn-outline-morado, .btn-outline-hover-morado {
	border: solid 2px !important;
	color: var(--morado) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--morado) !important;
}

.btn-outline-morado-light, .btn-outline-hover-morado-light {
	border: solid 2px !important;
	color: var(--morado-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--morado-light) !important;
}

.btn-outline-hover-morado:hover {
	color: #fff !important;
	background-color: var(--morado);
	border-color: #fff !important;
}

.btn-outline-hover-morado-light:hover {
	color: #fff !important;
	background-color: var(--morado-light);
	border-color: #fff !important;
}

.btn-outline-verde, .btn-outline-hover-verde {
	border: solid 2px !important;
	color: var(--verde) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--verde) !important;
}

.btn-outline-verde-light, .btn-outline-hover-verde-light {
	border: solid 2px !important;
	color: var(--verde-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--verde) !important;
}

.btn-outline-hover-verde:hover {
	color: #fff !important;
	background-color: var(--verde);
	border-color: #fff !important;
}

.btn-outline-hover-verde-light:hover {
	color: #fff !important;
	background-color: var(--verde-light);
	border-color: #fff !important;
}

.btn-outline-celeste, .btn-outline-hover-celeste {
	border: solid 2px !important;
	color: var(--celeste) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--celeste) !important;
}

.btn-outline-celeste-light, .btn-outline-hover-celeste-light {
	border: solid 2px !important;
	color: var(--celeste-light) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--celeste-light) !important;
}

.btn-outline-hover-celeste:hover {
	color: #fff !important;
	background-color: var(--celeste);
	border-color: #fff !important;
}

.btn-outline-hover-celeste-light:hover {
	color: #fff !important;
	background-color: var(--celeste-light);
	border-color: #fff !important;
}

.btn-outline-amarillo, .btn-outline-hover-amarillo {
	border: solid 2px !important;
	color: var(--amarillo) !important;
	background-color: #fff;
	background-image: none;
	border-color: var(--amarillo) !important;
}

.btn-outline-hover-amarillo:hover {
	color: #fff !important;
	background-color: var(--amarillo);
	border-color: #fff !important;
}

.timeline-main .stepper.stepper-vertical.timeline li a {
	padding: 0px 24px;
	left: 50%;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline li a {
		left: 6%;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li a {
		left: 6%;
	}
}

.timeline-main .stepper.stepper-vertical.timeline li a .circle {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	margin-left: -50px;
	background-color: #ccc;
	z-index: 2;
}

.timeline-main .stepper.stepper-vertical.timeline li .step-content {
	width: 45%;
	float: left;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content {
		width: 80%;
		left: 3rem;
		margin-right: 3rem;
		margin-bottom: 2rem;
		float: right;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content {
		width: 85%;
		left: 3rem;
		margin-right: 3rem;
		margin-bottom: 2rem;
		float: right;
	}
}

.timeline-main .stepper.stepper-vertical.timeline li .step-content:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e0e0e0;
	border-right: 0 solid #e0e0e0;
	border-bottom: 15px solid transparent;
	content: " ";
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline li .step-content:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content {
	float: right;
}

.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline-main .stepper.stepper-vertical.timeline li.timeline-inverted .step-content:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after {
	content: " ";
	position: absolute;
	width: 3px;
	background-color: #e0e0e0;
	left: 50%;
	top: 65px;
	margin-left: -1.5px;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after {
		left: 6%;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li:not(:last-child):after {
		left: 6%;
	}
}

@media (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline li {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before {
	top: 1rem;
	border-left: 15px solid #D32F2F;
	border-right: 0 solid #D32F2F;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after {
	top: 1rem;
	border-left: 14px solid #D32F2F;
	border-right: 0 solid #D32F2F;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content .timeline-header {
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li.timeline-inverted .step-content:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after {
	background-color: #D32F2F;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-animated .more-padding {
	padding-right: 100px;
	padding-left: 100px;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-animated li {
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a {
	padding: 0px;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle {
	width: 23px;
	height: 23px;
	line-height: 23px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	margin-left: -12px;
	background-color: #ccc;
	z-index: 2;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content {
	width: 45%;
	float: left;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content {
		width: 80%;
		left: 3rem;
		margin-right: 3rem;
		margin-bottom: 2rem;
		float: right;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content {
		width: 85%;
		left: 3rem;
		margin-right: 3rem;
		margin-bottom: 2rem;
		float: right;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before {
	position: absolute;
	top: 15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e0e0e0;
	border-right: 0 solid #e0e0e0;
	border-bottom: 15px solid transparent;
	content: " ";
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after {
	position: absolute;
	top: 15px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

@media (max-width: 450px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

@media (min-width: 451px) and (max-width: 1025px) {
	.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content.hoverable:hover {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li:not(:last-child):after {
	width: 2px;
	background-color: #9e9e9e;
	top: 32px;
	height: 100%;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li.timeline-inverted .step-content:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-images li a .circle {
	font-size: 1rem;
}

.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after {
	background-color: #26c6da;
}

button.btn.cr-red-btn.waves-effect.waves-light {
	align-items: flex-start;
	background-color: rgb(236, 17, 26);
	border-bottom-color: rgb(242, 96, 158);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(242, 96, 158);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(242, 96, 158);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(242, 96, 158);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-style: none;
	border-top-width: 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px 0px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-stretch: 100%;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-weight: 400;
	height: 38.1875px;
	letter-spacing: normal;
	line-height: 19.5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 6px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 6px;
	min-width: 118px;
	overflow-wrap: break-word;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 9.6px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 9.6px;
	position: relative;
	text-align: center;
	text-indent: 0px;
	text-rendering: auto;
	text-shadow: none;
	text-size-adjust: 100%;
	text-transform: uppercase;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease;
	user-select: none;
	vertical-align: middle;
	white-space: normal;
	word-spacing: 0px;
	writing-mode: horizontal-tb;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-border-image: none;
}

div.container.wrapper-sub-phone {
	padding-top: 5rem !important;
}

.col-sm-6.col-md-4.col-lg-3.pb-3 {
	margin-bottom: 11px;
}

.tablanueva>tbody>tr>td {
	padding-top: 9px;
	padding-bottom: 9px;
}

.tablanueva>thead>tr>td {
	padding-top: 9px;
	padding-bottom: 9px;
}

.super-titulo::after {
	content: none;
	position: absolute;
	width: 100px;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: var(--pink);
}

.pills-secondary .nav-link.active, .pills-secondary .show>.nav-link, .tabs-secondary {
	background-color: transparent !important;
	box-shadow: none;
}

a.nav-link.active>.super-titulo {
	border-bottom: 2px solid #fa6400;
}

.m-card-error {
	background-color: var(--red);
}

.m-img-error {
	width: 80%;
}

.m-img-error-500 {
	width: 100%;
}

.m-img-error-503 {
	width: 100%;
}

.m-img-error-numero {
	width: 40%;
}

.bg-503 {
	background: var(--primario);
	;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FB0027, #ED213A);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FB0027, #ED213A);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#m-acerca .text-pequeno {
	font-size: .7rem;
}

.text-pequeno2 {
	font-size: .7rem;
}

/* seccion acerca de */

#intro-acerca {
	height: 600px;
}

.micolor-text {
	color: var(--negro);
}

@media (max-width: 900px) {
	#intro-acerca {
		height: 100vh;
	}
}

#intro-acerca .rgba-gradient {
	background: -moz-linear-gradient(45deg, rgba(245, 247, 250, 0.6), rgba(195, 207, 226, 0.69) 100%);
	background: -webkit-linear-gradient(45deg, rgba(245, 247, 250, 0.6), rgba(195, 207, 226, 0.69) 100%);
	background: linear-gradient(45deg, rgba(245, 247, 250, 0.6), rgba(195, 207, 226, 0.69) 100%);
}

#intro-acerca .img-ancho-header {
	width: 100px;
	margin: 20px;
}

@media (max-width: 900px) {
	#intro-acerca .img-ancho-header {
		width: 50px;
		margin: 20px;
	}
}

#intro-acerca .ciudad {
	position: absolute;
	bottom: 0;
	min-width: 100%;
}

#intro-acerca .pasos {
	z-index: 2;
	position: fixed;
	top: 4rem;
}

#intro-acerca .pendiente1 {
	bottom: 0;
	min-width: 100%;
}

#intro-acerca .scrollspy-example {
	height: 100%;
	margin: 0;
	padding: 0;
}

#m-acerca1 {
	background-color: var(--morado);
}

#m-acerca3 {
	background-color: var(--verde);
}

.step-content {
	background-color: white;
}

.check {
	width: 1rem;
}

.check2 {
	width: 1.4rem;
}

.cr-main-slider {
	width: 100%;
	background-color: #333;
	overflow: hidden;
}

div#accordionExample {
	display: inline-block;
}

.bg-table-acerca1 {
	background-color: #73DAC7;
}

.table-color-1 {
	background-color: #DFECEC;
}

/*fix viajes*/

/*fix mobile menu*/

.accordian li {
	position: relative;
	display: block;
	width: 16%;
	float: left;
	height: 100%;
	border-left: 1px solid #000;
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
  see the basic accordian*/
}

/* menu */

@media (max-width: 600px) {
	.sub-menu-phone {
		margin-top: 2rem;
	}
}

}

/* /menu */

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {
	width: 10%;
}

/*Lets apply hover effects now*/

/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {
	width: 50%;
}
@media (max-width: 600px) {
	.caja-menu-sabor {
		background-color: initial !important;
		box-shadow: initial !important;
	}
	
	.sub-menu-phone {
		margin-top: 0rem !important;
	}
}
.incripbox {
	overflow: scroll;
	overflow-y: hidden;
}
.cont_incripbox {
	min-width: 540px;
}
@media (max-width: 600px) {
	.incripbox {
		overflow-x: visible !important;
	}
	
	.close {
		margin-right: 30px;
	}
}
.rounded-bottom>.col-md-6.text-center {
	margin-top: 7px;
	font-family: 'ScotiaLigth', 'Scotia';
}
#descuentos>div.container-fluid.pt-5.pb-3>div.row.justify-content-center.mt-4>form>div {
	margin: 0px auto;
}
#descuentos>div.container-fluid.pt-5.pb-3>div.row.justify-content-center.mt-4>form {
	width: 100%;
}
.table-color-2 {
	background-color: #F1F6F6;
}
.color-verde {
	color: var(--verde);
}
.lighter {
	font-family: 'ScotiaLigth', 'Scotia';
}

/* estilos 25092019 */
.bg-table-acerca1 {
	background-color: #73DAC7;
}
.bg-table-acerca2 {
	background-color: #84D9C6;
}
.table-color-1 {
	background-color: #DFECEC;
}
.table-color-2 {
	background-color: #F1F6F6;
}
#m-acerca4 {
	background-color: #fff;
}
#m-acerca2>div>div:nth-child(2)>div>table>thead {
	color: #fff;
}
h2.font-weight-bold.color-pink {
	font-size: 22px;
}
.subtextoab {
	font-size: 14px;
	font-family: 'ScotiaLigth', 'Scotia';
}
.txtcl_log {
	font-size: 15px !important;
}
#beneficios-destacados>div>div:nth-child(1)>div>h3 {
	font-family: 'ScotiaLigth', 'Scotia';
}
h3.mb-5 {
	font-family: 'ScotiaLigth', 'Scotia' !important;
}
.face.front {
	height: 362px;
}
.col-sm-6.col-md-4.col-lg-3.pb-3.active {
	height: 362px;
}
.titdsp {
	font-family: 'ScotiaLigth', 'Scotia' !important;
}
/*
body {
	font-family: 'ScotiaLigth', 'Scotia' !important;
}
*/
.descripben {
	font-family: 'ScotiaLigth', 'Scotia' !important;
}
h2.section-title.titdsp {
	font-weight: 100;
}

h2, h3, h4, h5, h6 {
	font-weight: 400;
}

.cr-purple-btn {
	background-color: #7849b8 !important;
}


.cartolaresp {
	width: 100%;
	text-align: center;
	padding-top: 16px;
}
#misinscrip {
	background-color: #fff;
}
#mis-canjes {
	background-color: #fff;
}
#cartolaMovile h3 {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 27px;
	margin: 0;
}
#cartolaMovile p {
	font-family: 'Scotia', sans-serif;
	font-size: 14px!important;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 24px;
	margin: 0;
}
#cartolaMovile .accordion {
	min-width: 100% !important;
}
#cartolaMovile .card-header {
	background-color: white;
}
#cartolaMovile .card-body {
	background-color: #F6F7FC;
}
#cartolaMovile hr {
	margin-top: .3rem;
	margin-bottom: .3rem;
}
@media (max-width: 600px) {
	.container.pt-5.wrapper-sub-phone {
		padding-top: 1rem !important;
	}
	
	#que-saborista>.container.pt-5.pb-5 {
		padding-top: 2rem !important;
	}
	
	#viajes>.container.pt-5.pb-5 {
		padding-top: 2rem !important;
	}
}	/* estilos banners canvas scotiabank */
	.sc-item-position-overlay {
            position: relative;
            left: 55px;
            z-index: 1;
        }


        @media (min-width: 320px) and (max-width: 480px) {
            .sc-item-position-overlay {
                position: unset;
            }
        }
        /* small-medium devices */
        
        @media (min-width: 481px) and (max-width: 767px) {
            .sc-item-position-overlay {
                position: unset;
            }
        }
        /* medium devices */
        
        @media (min-width: 768px) and (max-width: 1024px) {
            .sc-item-position-overlay {
                position: unset;
            }
        }
        /* large devices */
        
        @media (min-width: 1025px) and (max-width: 1280px) {}
        /* Xlarge devices */
        
        @media (min-width: 2560px) and (max-width: 4000px) {
            .sc-max-height {
                max-height: auto;
            }
        }