body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: 600;
}

.fw-300 {
	font-weight: 300;
}
.fw-500 {
	font-weight: 500;
}
.fw-700 {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}

.h2, h2 {
    font-size: 1.1em;;
}

.interactivo-saco .slider-track {
	visibility: hidden;
}

.container-slider {
	min-height: 20em;
	z-index: 100;
}

.container-slider .slider-vertical {
    width: 2px;
    height: 75%;
}
.container-slider .slider-vertical .slider-track {
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0;
    border-left: 2px solid #e0e0e0;
    border-radius: 0px;
}

.container-slider .slider-handle {
	width: 100px;
	height: 100px;
	background-image: url(../img/saco.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
    background-color: transparent;
    margin-top: -50px !important;
    margin-left:-50px!important;
	box-shadow: none;
	overflow: hidden;
}

.tiempo .active,
.edad .active {
	border-right: 0;
	font-weight: 700;
}

.edad div, 
.tiempo div {
	height: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.edad div span {
	width: 65%;
}

.edad div span img {
	width: 2em;
}

.edad .active {
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	box-shadow: -1.25em 0em 1em .1em rgba(0,0,0,.075);
}

.tiempo .active {
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	box-shadow: 1.25em 0em 1em .1em rgba(0,0,0,.075);
}

.suma-aporte,
.suma-rentabilidad {
	color:#fff;
	font-size: 1.25em;
}

.total {
	border: 3px solid #84bd00;
    padding: .75em 0.5em;
    color: #84bd00;
    border-radius: 1em;
	font-size: 1.45em;
    letter-spacing: 1px;
}

.total span {
    font-size: 1.25em;
    display: block;
    margin-top: -5px;
}

.total .suma-total:before,
.aporte .suma-aporte:before,
.rentabilidad .suma-rentabilidad:before {
	content: "$";
	font-size: .5em;
	position: relative;
	top: -.3em;
	left: 0;
}

.sumas {
    padding: 1.5em;
    text-align: center;
	background-color: #f4f4f4;
	border-radius: 1.5em;
}

.aporte,
.rentabilidad {
    font-size: 1.15em;
    color: #fff;
    padding: 1.25em 0.5em;
    border-radius: 1em;
	letter-spacing: 1px;
}

.aporte img,
.rentabilidad img {
    width: 2em;
}

.total img {
    width: 1.75em;
}

.aporte {
	background-color:#003da5;
}
.rentabilidad {
    background-color: #84bd00;
}

.mas {
	font-size: 2em;
	line-height: 1em;
	color: #84bd00;
	font-weight: 700;
}

.linea-separacion {
	width: 100%;
	height: 1px;
	border-top: 1px #454545 solid;
}

p {
	line-height: 1.25em;
}

@media only screen and (max-width: 992.5px) {
	body {
	 font-size: 90%;
	}
}

@media only screen and (max-width: 767.5px) {
	body {
	 font-size: 85%;
	}
	.edad div span img {
		width: 1.75em;
	}
}

@media only screen and (max-width: 575.5px) {
	body {
	 font-size: 80%;
	}
	.edad div span {
		width: 40%;
	}
	.container-slider .slider-handle {
		width: 80px;
		height: 80px;
		margin-top: -40px !important;
		margin-left: -39.5px!important;
	}
}