.titulo-detalle{
	color: #313131;
	font-family: Rubik,sans-serif;
	padding: 0px 20px;
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	vertical-align: text-top;
}
.registration .login-box, .registration .select-plan{
	width: 500px;
}
.registration .login-box .white-box{
	height: 100vh;
}
.registration .select-plan{
	position: absolute;
	top: 0px;
	right: 500px;
	height: 100vh;
}
.select-plan .box-title{
	margin-top: 86px;
}
.select-plan ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.select-plan li{
	margin: 15px 0 0 0;
	padding: 20px;
	list-style: none;
	font-size: 18px;
	background-color: #fafafa;
	overflow: hidden;
	border-radius: 5px;
	font-weight: bold;
}
.select-plan li.active{
	background-color: #2E4379;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	color: #fff;
}
.select-plan li:hover{
	background-color: #4AC0F3;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	color: #fff;
}
.select-plan .price{
	color: #FF007F;
	padding: 10px 0 0 0;
	display: block;
}
.select-plan small{
	color: red;
	text-decoration: line-through;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 30%;
}
.flex>div:nth-child(1){
	background-repeat: no-repeat;
    background-position: center;
    background-size: 125px;
	min-height: 200px;
}