/* CARACTER PROPI */
.caracterPropi {
    background-color: #f3f3f3;
    padding-top: 68px;
}

.caracterPropiTitle {
    font-family: OpenSans-Light;
    color: #333333;
    font-size: 32px;
    text-align: center;
    padding-bottom: 25px;
}

.caracterPropiDescription {
    font-family: OpenSans-Light;
    color: #7f7f7f;
    line-height: 26px;
    font-size: 16px;
    text-align: center;
    padding-bottom: 35px;
}

.btnCaracterPropi {
    text-align: center;
    cursor: pointer;
}

.btnCaracterPropi img {
    margin-bottom: 30px;
}

.btnCaracterPropi span {
    font-family: OpenSans-Light;
    font-size: 18px;
    color: #333333;
}

.btnCaracterPropiSelected span {
    font-family: OpenSans-Bold;
}

.btnCaracterPropi1 img {
    margin-left: 10px;
    width: 82px;
}

.btnCaracterPropi2 img {
    width: 69px;
}

.btnCaracterPropi3 img {
    width: 75px;
}

.caracterPropiText {
    font-family: OpenSans-Light;
    color: #7f7f7f;
    font-size: 16px;
    background: #ffffff;
    padding: 50px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 75px;
}

.caracterPropiText:before {
    content: '';
    background: #fff;
    width: 18px;
    height: 18px;
    transform: rotate(225deg);
    position: absolute;
    top: -9px;
    -moz-transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    left: 15.8%;
}

.caracterPropiText.option1Selected:before {
    left: 15.8%;
}

.caracterPropiText.option2Selected:before {
    left: 49.2%;
}

.caracterPropiText.option3Selected:before {
    left: 82.7%;
}

.optionText {
    display: none;
}


@media (max-width: 991px) {
	.caracterPropi .container {
		/*width: 720px;*/
	}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
    .visible-xs .caracterPropi {
        display: none;
    }

    .caracterPropi {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .caracterPropiTitle {
        font-size: 22px;
        padding-bottom: 15px;
    }

    .caracterPropiDescription {
        line-height: 18px;
        font-size: 14px;
        padding-bottom: 25px;
    }

    .caracterPropiText:before {
        content: '';
        display: none;
    }

    .caracterPropi .nav-tabs a[aria-expanded="true"] img {
        filter: brightness(0) invert(1);
    }
}

/* FIN CARACTER PROPI*/