@font-face {
        font-family: HelveticaNeue;
        src: url(../fonts/HelveticaNeueLTStd-Cn.woff);
    }

    body {
        font-family: HelveticaNeue, Helvetica, Arial, sans-serif;

    }

    .container {
        /* padding-right: 25px;
        padding-left: 25px; */
    }



    /*  Header Styles  */
    header {
        font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
        font-weight: 400;
        border-top: 10px solid var(--red);
        background: white;
        color: #848584;
        font-size: 16px;
    }

    /* menu content*/

    .btn-collapse-div {

        display: flex;
        border-radius: 8px;

        padding-top: 15px;

        align-items: center;
        justify-content: center;

    }

    .btn-collapse-div a {
        font-size: 15px;
        text-align: center;
        color: white !important;
        border-radius: 18px;
        background-color: var(--red);
        padding: 5px;
        width: 60% !important;
        margin-top: 8%;
    }

    .btn_empezar {
        width: 100% !important;
    }

    /* tabla menu */

    .flex-table {
        display: flex;
        margin-top: -6px;
    }

    .content-middle {
        height: 500px;
    }

    .row {
        margin-top: 20px;
    }

    .col-sm {
        font-size: 19px;
        line-height: 1.4;
    }

    .col-sm a {
        font-size: 16px;
        color: white;
        background: #e7162e;
        padding: 8px;
        border-radius: 13px;
    }


    .img-profile {
        padding-right: 5px;
        margin-top: -5px;
        width: 28px;
    }

    @media only screen and (max-width: 600px) {
        .content-middle {
            height: 550px;
        }

        .row {
            margin-top: 20px;
        }

        .navbar-nav .nav-item .nav-link {
            color: #5d5d5d;
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 768px) {
        .navbar-nav .nav-item .nav-link {
            font-size: 12px;
        }
    }

    .dropdown-menu .dropdown-menu-right .show {
        border-radius: 0px 0px 5px 5px;
    }

    @media (min-width: 768px) {
        .navbar-expand-md .navbar-nav .dropdown-menu {
            border-radius: 0px 0px 5px 5px;
        }
    }

    .dropdown-item:hover {
        filter: brightness(0.5);
    }

    .dropdown-item {
        background-color: transparent !important;
    }

    /* Fontawesome */

    .fa-search {
        font-size: 20px;
        margin-top: -5px;
        padding-left: 2rem;
    }

    .navbar-nav .nav-item .nav-link {
        padding-left: 0.4rem;
    }


    @media only screen and (max-width: 600px) and (min-width: 360px) {

        nav .logo {
            width: 180px !important;
            margin-right: 30px;
        }

        .bg-white {
            background-color: var(--bannermobile) !important;
        }
    }

    @media only screen and (max-width: 600px) and (min-width: 411px) {

        nav .logo {
            width: 180px !important;
            margin-right: 60px;
        }

        .bg-white {
            background-color: var(--bannermobile) !important;
        }
    }

    @media only screen and (max-width: 500px) {
        header .logo {
            max-width: 180px;
        }

        /* .navbar-brand {
            margin-right: 3.5rem !important;
        } */

        .portales {
            display: none !important;
        }

        .contacto {
            display: none !important;
        }

        .navbar {
            padding: 0rem 0rem;
            z-index: 2;
        }

        .navbar-nav .nav-item .nav-link {
            color: var(--text-form-holder);
            font-size: 20px;
            font-weight: bolder;
            margin-left: 40px;
            margin-top: 0px;

            float: left;
            padding-top: 15px;

        }

        .navbar-nav {
            background: var(--backmenumobile);
            padding-top: 10px;
            width: 80%;
            float: right;
            padding-bottom: 30px;
            border-radius: 0px 0px 5px 5px;
        }


        header .container {
            padding-right: 20px;
            padding-left: 10px;
        }
    }

    /* Content desktop */

    .flex-row-container-table {
        background-color: var(--red);
        margin-top: 15px;
        color: white;
        width: 400px;


        -webkit-box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
    }

    .content-menu {
        line-height: 1.3;
    }

    .container {
        font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
        font-weight: 500;
        color: var(--grayFont);
        font-size: 16px;
    }

    .title {
        font-size: 2.1rem;
        font-weight: bolder;
    }

    .content {
        padding-top: 50px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .p-content {
        text-align: justify;
        font-size: 20px;
        line-height: 1.3;
        font-weight: 500;


        padding-bottom: 30px;
    }

    .sitemap {
        display: none;
    }

    .p-flex-item {
        padding-right: 5px;
        padding-left: 5px;
        color: white;
        padding-top: 10px;

        text-align: left;
        line-height: 1.5;
        font-size: 21px;
    }

    .card-body-collapse {
        /*background: #e6e6e6;
    margin-top: 30px;
    /*z-index: -1;
    width: 100%;*/
        margin-right: -30px;
        margin-left: -30px;
        background: #e6e6e6;
        z-index: 1;
        padding: 30px;
        padding-top: 60px;

    }

    .wrapper {
        position: relative;
        z-index: -1;
        margin-top: -40px;

        /*position: absolute;
    width: 600px;
    margin-left: 430px;
    left: 100px;*/
    }


    /* COntent  Desktop */
    @media only screen and (max-width: 500px) {
        .sitemap {
            font-size: 14px;
            margin-left: 10px;
        }

        .container {
            font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
            font-weight: 500;
            color: #5d5d5d;
            font-size: 16px;
        }

        .title {
            font-size: 1.4rem;
            font-weight: bolder;
        }

        .content {
            padding-top: 35px;
            padding-right: 30px;
            padding-left: 30px;
        }

        .p-content {
            text-align: justify;
        }

        .flex-row-container {
            background: #aaa;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 15px;

            -webkit-box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.17);
            -moz-box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.17);
            box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.17);
        }

        .flex-row-container-table {
            background-color: #f62022;
            margin-top: 15px;
            width: 100%;

            -webkit-box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.25);
        }

        .flex-row-container>.flex-row-item {

            height: 60px;
        }

        .flex-row-item {
            background-color: #f62022;
            border: 1px solid #f76707;
        }

        .img-flex-item {
            width: 60px;
        }

        .p-flex-item {
            padding-right: 5px;
            padding-left: 5px;
            color: white;
            padding-top: 5px;
            text-align: left;
            line-height: 1.5;
            font-size: 16px;
        }

        .content a:hover {
            color: white;
            text-decoration: none !important;
        }

        .btn_div {
            /* padding-left: 5px;*/
            margin-left: -7px;
        }

        .card-body-collapse {
            /*background: #e6e6e6;
        margin-top: 30px;
        /*z-index: -1;
        width: 100%;*/
            margin-right: -30px;
            margin-left: -30px;
            background: #e6e6e6;
            z-index: 1;
            padding: 30px;
            padding-top: 60px;

        }

        .wrapper {
            position: relative;
            z-index: -1;
            margin-top: -40px;
        }

        .btn-collapse-div {
            padding-top: 30px;
        }

        .btn-collapse-div p {
            /* background-color: #f62023; */
            padding: 8px;
            border-radius: 20px;
            color: white;
        }

        .btn-collapse-div p a {
            color: white;
        }

        .video-collapse-div {
            padding-top: 10px;
            padding-bottom: 10px;

        }

        .content-menu {

            line-height: 1.3;

        }

    }

    .resp-vtabs li.resp-tab-active {
        transform: none !important;
        background-color: #E32029 !important;
    }