.bg-dark-page {
    background-color: #151515;
}

body {
    padding-bottom: 20px;
}

.navbar {
    margin-bottom: 20px;
}

.raleway-oficial {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.raleway-oficial-middle {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
}

.raleway-oficial-strong {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.fs-48 {
    font-size: 48px;
}

.fs-46 {
    font-size: 46px;
}

.fs-38 {
    font-size: 38px;
}

.fs-42 {
    font-size: 42px;
}

.secondary-green {
    color: #00a878;
}

.primary-blue {
    color: #0077b6;
}

.text-figcaption-call-to-action {
    color: #4c4c4c;
    padding: 30px;
    font-family: Rubik, sans-serif;
    line-height: 28px;
    font-weight: bold;
}

.grayscale-hover {
    /* No filter by default, image is in color (0%) */
    filter: grayscale(0%);
    /* Smooth transition for the filter effect */
    transition: filter 0.5s ease;
}

.grayscale-hover:hover {
    /* On hover, the image becomes completely grayscale (100%) */
    filter: grayscale(100%);
}

.url-call-to-action {
    text-decoration: none;
}

.grey-section {
    background-color: #4a4a4a;
}

.pt-section {
    padding-top: 50px;
}

.mt-bc {
    margin-top: 250px;
}

.pb-section {
    padding-bottom: 50px;
}

#breadcrumb-options {
    display: block;
}

#breadcrumb-option-movil {
    display: none;
}

@media (max-width: 770px) {
    #breadcrumb-options {
        display: none;
    }

    #breadcrumb-option-movil {
        display: block;
    }
}

#breadcrumb-catalog {
    margin-top: 100px;
}

#breadcrumb-options a {
    text-decoration: none;
    color: lightblue;
}

.pull-right {
    float: right;
}