.f1 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.f1-steps {
	overflow: hidden;
	position: relative;
}

.f1-progress {
	position: absolute;
	top: 34px;
	left: 15%;
	width: 70%;
	height: 4px;
	background: #ddd;
}

.f1-progress-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 4px;
	background: #B785F8;
}

.f1-step {
	position: relative;
	float: left;
	width: 33.333333%;
	padding: 0 5px;
}

.f1-step-icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-top: 4px;
	background: #fff;
	line-height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
	border-radius: 50%;
}

.f1-step.activated .f1-step-icon {
	background: #B785F8;
	border: 1px solid #B785F8;
	color: #B785F8;
	line-height: 38px;
}

.f1-step.active .f1-step-icon {
	width: 70px;
	height: 70px;
	background: #B785F8;
	font-size: 22px;
	line-height: 48px;
}

.icon-step {
	margin-top: 18%;
}

.icon-step2 {
	margin-top: 22%;
}
.f1-step.active .icon-step2 {
	box-sizing: border-box;
    width: 40px;        /* Ancho del nuevo icono */
    height: 40px;       /* Alto del nuevo icono */
    padding-left: 40px; /* Padding igual al ancho del nuevo icono */
	background: url(../../assets/img/TODORIESGO/COTIZADOR/datos-tomador.png); /* Llamamos al nuevo icono */
}
.f1-step.activated .icon-step2 {
	box-sizing: border-box;
    width: 40px;        /* Ancho del nuevo icono */
    height: 40px;       /* Alto del nuevo icono */
    padding-left: 40px; /* Padding igual al ancho del nuevo icono */
	background: url(../../assets/img/TODORIESGO/COTIZADOR/datos-tomador.png); /* Llamamos al nuevo icono */
}

.icon-step3 {
	margin-top: 25%;
}
.f1-step.active .icon-step3 {
	box-sizing: border-box;
    width: 37px;        /* Ancho del nuevo icono */
    height: 35px;       /* Alto del nuevo icono */
    padding-left: 36px; /* Padding igual al ancho del nuevo icono */
	background: url(../../assets/img/TODORIESGO/COTIZADOR/comparativo.png); /* Llamamos al nuevo icono */
}
.f1-step.activated .icon-step3 {
	box-sizing: border-box;
    width: 37px;        /* Ancho del nuevo icono */
    height: 35px;       /* Alto del nuevo icono */
    padding-left: 36px; /* Padding igual al ancho del nuevo icono */
	background: url(../../assets/img/TODORIESGO/COTIZADOR/comparativo.png); /* Llamamos al nuevo icono */
}

.f1-step p {
	font-size: 14px;
	padding: 5px;
	color: rgb(139, 139, 145);
}

.f1-step.activated p {
	font-weight: 400;
	color: rgb(19, 13, 179);
}

.f1-step.active p {
	font-weight: 400;
	color: rgb(19, 13, 179);
}

.f1 fieldset {
	display: none;
	text-align: left;
	background-color: #fff;
	padding: 30px 40px 30px 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
    border-radius: 1.3em;
}

.fieldset3 {
	background-color: transparent !important;
	padding: 0px 0px 0px 0px !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44) !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44) !important;
    border-radius: 0em !important;
}

.f1-buttons {
	text-align: right;
}

.f1 .input-error {
	border-color: #B785F8;
}


/***** Media queries *****/
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 415px) {}


/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {}