html #header.header-transparent{
		position: relative;
}
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body{
    background: rgba(0,0,0,1)!important;
}

.obl-academy {
    --primary: #521C63;
    --secondary: #4A611C;
    --text-color: #404040;
    --text-color-2: #777777;

    /* Botones */
    --btn-primary-bg: var(--primary);
    --btn-primary-hover: #F77A25;

    --btn-secondary-bg: #F77A25;
    --btn-secondary-hover: #F78C2B;

    /*Font*/
    --font-primary: 'Ubuntu', sans-serif;
}
.obl-academy .font-ubuntu {
    font-family: var(--font-primary);
}
.obl-academy .color-obl-primary {
    color: var(--primary);
}
.obl-academy .color-obl-secondary {
    color: var(--secondary);
}

/* Tipografía */
.obl-academy h1,
.obl-academy h2,
.obl-academy h3,
.obl-academy h4 {
    color: var(--primary);
    font-family: var(--font-primary);
}
.obl-feature-title{color: var(--text-color)!important;}

.obl-academy p {
    color: var(--text-color);
}

/* Botones */
.obl-academy .btn{
	font-family: var(--font-primary);
}
.obl-academy .btn-obl-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.obl-academy .btn-obl-primary:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}
.obl-academy .btn-obl-primary:focus:not(.bg-transparent), .obl-academy .btn-obl-primary.focus:not(.bg-transparent){
	background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}

.obl-academy .btn-obl-secondary {
    background-color: var(--btn-secondary-bg);
    border-color: var(--btn-secondary-bg);
}
.obl-academy .btn-obl-secondary:hover {
    background-color: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover);
}
.obl-academy .btn-obl-secondary:focus:not(.bg-transparent), .obl-academy .btn-obl-secondary.focus:not(.bg-transparent) {
    background-color: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover);
}
.obl-academy .box-content img{
	width: 65%;
}
@media (max-width: 767px) {
	.obl-academy .box-content img{
		width: 35%;
	}
}