body {
	font-family: 'Montserrat', sans-serif;
}

a {text-decoration: none;}

.max-dt-width {max-width: 860px !important;}

.color-mtor {color: #1F437C;}

/* Padding */
.py-m-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
.py-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}

/* Retos */
.retos {
	background: #1F437C;
	color: #fff;
	position: fixed;
	width: 70px;
	right: 20px;
	bottom: 75px;
	padding: 10px;
	border-radius: 50px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Whatsapp */
.whatsapp {
	background: #29A71A;
	color: #fff;
	position: fixed;
	width: 70px;
	right: 20px;
	bottom: 20px;
	padding: 10px;
	border-radius: 50px;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

#myVideo {width: 100%;}

.btn-start {
	color: #7FC7D9;
	border-radius: 50px;
	border: 3px solid #7FC7D9;
	padding: 10px 30px;
	font-weight: 600;
	font-size: 1.2rem;
}

.card {
	background: #0F1035;
	color: #FFF;
	border: none;
	border-radius: 20px;
}

.bg-header {
	background: url('../images/Header3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-foot-box {background: #C1CCDE;}
.bg-mtor-color {background: #1F437C;}

.bg-form {
	background: url('../images/Fondo1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.bg-ab {
	background: url('../images/Fondo3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-foot {
	background: url('../images/Fondo1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-dark-mtor {background: #111214;}

.btn-mtor {
	background: rgb(31, 67, 124);
	color: #FFF;
	padding: 12px 50px;
	font-size: 25px;
	font-weight: 800;
}

.btn-mtor-wb {
	background: linear-gradient(45deg, purple, orange);
	color: #FFF;
	padding: 12px 40px;
	font-size: 20px;
	font-weight: 800;
}

.slick-prev, .slick-next {display: none !important;}

.roud-100 {width: 500px !important;}

@media (max-width: 768px) {
	.bg-header {
		background: url('../images/Header3-m.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.roud-100 {
		width: 335px !important;
	}

	.py-m-5 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
}