:root {
    --red: #ed1b34;
    --blue: #163648;
}

@font-face {
    font-family: Arial_Rounded_Bold;
    src: url(../fonts/Arial_Rounded_Bold.ttf);
}

@font-face {
    font-family: Arial_Rounded_MT_Light;
    src: url(../fonts/Arial_Rounded_MT_Light.ttf);
}

@font-face {
    font-family: Arial_Rounded_MT_Std;
    src: url(../fonts/ArialRoundedMTStd.otf);
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-UltraItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham_Book';
    src: url('../fonts/Gotham-Book.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-XLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

* {
    text-decoration: none;
}

    * a:hover {
        text-decoration: none;
    }

ol, ul {
    padding: 0;
    list-style: none;
}

strong {
    font-family: Arial_Rounded_Bold;
    font-weight: normal;
}

body {
    font-family: Arial_Rounded_MT_Light;
    background: none #f7f7f7 !important;
    color: #3d3d3d;
}

    body.fondo_home {
        background: none #f7f7f7 !important;
        background: url("../img/fondo.png") no-repeat top center;
        background-size: cover;
    }

    body.fondo_qh {
        background: url("../img/fondo_qh.jpg") no-repeat top center;
        background-size: cover;
    }

    body.fondo_albergue {
        background: none #f7f7f7 !important;
        /*background: url("../img/fondo_albergue.jpg") no-repeat top center;
        background-size: cover;*/
    }

    body.fondo_colecta {
        background: none #f7f7f7 !important;
        background: url("../img/fondo_colecta.jpg") no-repeat top center;
        background-size: cover;
    }

.no_margin_bottom {
    margin-bottom: 0 !important;
}

.sub-header {
    background-color: #5f5f5f;
    color: #fff;
    padding: 3px 0;
}

    .sub-header ul {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .sub-header ul li {
            list-style: none;
            color: #fff;
            font-size: 15px;
            margin-right: 60px;
            display: flex;
            align-items: center;
        }

            .sub-header ul li:last-child {
                margin: 0;
            }

            .sub-header ul li select {
                background-color: transparent;
                border: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                background: url("../img/arrow_idioma.png") no-repeat right;
                padding-right: 14px;
            }

                .sub-header ul li select option {
                    color: #5f5f5f;
                }

            .sub-header ul li img {
                margin-right: 5px;
            }

            .sub-header ul li a {
                color: #fff;
            }

nav.navbar li a:hover, nav.navbar li a:focus, nav.navbar li a.active {
    background-color: transparent;
    color: var(--red);
}

nav.navbar {
    background-color: rgba(255, 255, 255, 0.75);
    border: none;
    transition: .5s;
    padding-top: 10px;
    width: 100%;
    z-index: 20;
}

.navbar-brand {
    height: 95px;
}

    .navbar-brand > img {
        height: 100%;
    }

.navbar-btn {
    background-color: var(--red);
    color: #fff !important;
    font-family: Arial_Rounded_Bold;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 8px;
    line-height: 1;
    padding: 10px 12px;
    outline: none !important;
}

.promoscorazon-btn {
    background-color: var(--red);
    color: #fff !important;
    font-family: Arial_Rounded_Bold;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 8px;
    line-height: 1;
    padding: 10px 12px;
    outline: none !important;
}

nav.navbar li {
    margin: 22px 0;
}

    nav.navbar li a {
        font-family: Arial_Rounded_Bold;
        font-size: 14px;
        color: #a9a2a2;
        padding: 0;
        margin: 15px;
        position: relative;
        cursor: pointer;
    }

        /* nav.navbar li a:hover, nav.navbar li a:focus, nav.navbar li a.active,
            .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > .open > a:hover {
                color: #ed1b34 !important;
                background-color: transparent;
            } */

        nav.navbar li a:hover:after, nav.navbar li a:focus:after, nav.navbar li a.active:after {
            width: 100%;
            background: #ed1b34;
        }

        nav.navbar li a:after {
            content: '';
            display: block;
            height: 2px;
            width: 0px;
            background: transparent;
            position: absolute;
            bottom: -5px;
            transition: all .5s ease;
            border-bottom: 3px solid #ed1b34;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

nav.navbar.fixed {
    margin-top: 0;
}

nav.navbar .open a, nav.navbar .open a:hover, nav.navbar .open a:focus {
    background-color: transparent !important;
}

nav.navbar li.submenu:hover .collapse {
    display: block;
}

nav.navbar li.submenu .collapse {
    padding-left: 1rem;
}

nav.navbar li.submenu a {
    display: block;
}

    nav.navbar li.submenu a .glyphicon {
        font-size: 12px;
        margin-left: 5px;
    }

.owl-carousel {
    touch-action: manipulation;
}

    .owl-carousel .owl-stage {
        display: flex;
        margin: auto;
    }

    .owl-carousel .owl-item {
        flex: none;
    }

    .owl-carousel .item {
        height: 100%;
    }

.mt-0 {
    margin-top: 0;
}

#tagDonar {
    bottom: -74px;
    right: 0;
    /*width: 100px;*/
    width: 325px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    background: url("../img/fondo_tag.png") left center no-repeat;
    position: fixed;
    float: right;
    /*margin-top: -180px;*/
    /*font-size: 0;*/
    font-size: 30px;
    text-align: left;
    font-family: Arial_Rounded_Bold;
    background-size: cover;
    height: 180px;
    z-index: 100;
    padding: 20px 0px 20px 85px;
}

    #tagDonar img {
        /*display: none;*/
        display: block;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        max-width: 160px;
        margin-bottom: 8px;
    }

    /*#tagDonar:hover {
        font-size: 30px;
        right: 0;
        width: 325px;
        padding: 20px 0px 20px 85px;
    }*/

    #tagDonar:hover img {
        display: block;
    }

#sticky {
    position: relative;
}

nav.breadcrumbs {
    list-style-type: none;
    padding-left: 0;
    margin: 34px 0;
}

    nav.breadcrumbs li {
        display: inline;
        font-size: 24px;
    }

        nav.breadcrumbs li:last-child a {
            pointer-events: none;
        }

        nav.breadcrumbs li + li:before {
            padding: 8px;
            color: var(--red);
            content: ">";
            font-weight: 600;
        }

        nav.breadcrumbs li a {
            text-decoration: none;
            color: #5f5f5f;
        }

            nav.breadcrumbs li a:hover {
                text-decoration: underline;
            }

.title {
    font-size: 4rem;
    font-family: Arial_Rounded_Bold;
}

    .title img {
        display: inline-block;
        max-height: 15rem;
        margin-right: 2.5rem;
    }

.sub-title {
    font-size: 34px;
    color: #5f5f5f;
    font-family: Arial_Rounded_MT_Std;
}

.principal {
    margin-top: 40px;
    margin-bottom: 70px;
    font-size: 5rem;
}

    .principal span {
        font-size: 3rem;
        display: block;
        margin-top: 1rem;
    }

.title.margin {
    margin: 80px 0 70px;
}

.title p {
    font-size: 24px;
    margin-top: 15px;
}

.title .sub-contacto {
    color: #5f5f5f;
}

.title.red {
    color: var(--red);
    font-family: Arial_Rounded_Bold;
}

.title.reporte {
    color: #707070;
    text-decoration: underline;
    font-family: Arial_Rounded_Bold;
}

.blue {
    color: #173748;
}

p.text-campania {
    font-size: 20px;
    line-height: 1.4;
}

h2.subTitleDona {
    font-family: Gotham_Book;
    color: #757575;
    font-size: 21px;
    margin-bottom: 5rem;
}

h2.subTitle {
    font-family: Arial_Rounded_Bold;
    color: #103d40;
    margin-top: 40px;
}

.b-lazy {
    opacity: 0;
    transition: all 500ms;
}

.b-loaded {
    opacity: 1 !important;
}

.btn_azul {
    color: #fff;
    display: inline-block;
    transition-duration: 0.5s;
    border-radius: 50px;
    font-family: Arial_Rounded_Bold;
    background-color: #143546;
    text-decoration: none;
    text-align: center;
    padding: 2rem 4.5rem;
    transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    overflow: hidden;
    font-size: 2rem;
    transition-property: color, background-color;
    border: none;
    outline: none;
}

    .btn_azul:hover {
        background-color: #cae0c5;
        color: #143546 !important;
    }

    .btn_azul:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #cae0c5;
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btn_azul:active {
        background-color: #14404f;
    }

        .btn_azul:active:before {
            -webkit-transform: scale(1.1, 4);
            transform: scale(1.1, 4);
        }

.btn_Dona {
    color: #fff !important;
    font-family: 'Gotham_Book';
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 2rem;
    line-height: 1;
    padding: 10px 2rem;
    border: none;
    outline: none !important;
    margin-top: 2rem;
}

.btn_azul:hover {
    background-color: rgba(255, 255, 0, 0.5);
    color: #143546 !important;
}

.btn_azul:focus {
    color: #fff;
    text-decoration: none;
}

.btn_red, .btn_red:hover, .btn_red:focus, .btn_red:active {
    background-color: var(--red) !important;
    color: #fff !important;
}

    .btn_red::before {
        display: none;
    }

.preboton {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000;
    padding-left: 0;
    text-align: left;
}

.boletin {
    background-color: #cae0c5;
    color: #143546;
    font-size: 20px;
    text-align: center;
    padding: 15px;
}

    .boletin a {
        color: #143546;
        font-family: Arial_Rounded_Bold;
    }

        .boletin a span {
            color: #143546;
            position: relative;
            font-size: 15px;
            font-weight: bold;
            margin-left: 8px;
            top: 2px;
        }

.mobile {
    display: none;
}

.errorMsg {
    color: red;
    font-family: Arial_Rounded_MT_Std;
    font-size: 12px;
    padding-top: 3px;
}

.modal-campania .rs {
    color: #fff;
    font-size: 13px;
    position: absolute;
    display: flex;
    align-items: center;
}

    .modal-campania .rs img {
        margin-right: 5px;
    }

    .modal-campania .rs#link-fb {
        bottom: 18%;
        left: 11%;
    }

    .modal-campania .rs#link-ig {
        bottom: 11%;
        left: 11%;
    }

.modal-campania button.close {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 3rem;
    color: #fff;
    opacity: 1;
}

@media only screen and (max-width: 760px) {
    .mobile {
        display: block;
        margin-top: 0px !important;
    }

    .no_mobile {
        display: none;
    }

    .promoscorazon-btn {
        background-color: #fff !important;
        ;
        color: var(--red) !important;
        margin-left: 40px;
    }

    nav.navbar {
        padding-top: 0;
    }

    .navbar .navbar-header .navbar-brand {
        height: 68px;
    }

        .navbar .navbar-header .navbar-brand img {
            width: auto;
            height: 100%;
        }

    .navbar .navbar-header button {
        border: none;
        padding: 0;
        margin-top: 22px;
        background-color: transparent !important;
    }

        .navbar .navbar-header button span.icon-bar {
            background-color: #ed1b34;
            width: 25px;
        }

    .navbar .navbar-collapse {
        border: none;
        background-color: #ed1b34;
        max-height: initial;
        padding-bottom: 16px;
    }

        .navbar .navbar-collapse ul li {
            margin: 0;
            padding-left: 55px;
        }

            .navbar .navbar-collapse ul li a {
                color: #fff !important;
                display: inline-block;
                font-size: 20px;
            }

            /* .navbar .navbar-collapse ul li:hover, .navbar .navbar-collapse ul li:focus {
                background-color: #bd1025;
            } */

            .navbar .navbar-collapse ul li:hover a, .navbar .navbar-collapse ul li:focus a {
                color: #fff !important;
            }

                .navbar .navbar-collapse ul li:hover a::after, .navbar .navbar-collapse ul li:focus a::after {
                    border-color: #fff;
                }

            .navbar .navbar-collapse ul li ul.dropdown-menu li {
                padding-left: 40px;
            }

                .navbar .navbar-collapse ul li ul.dropdown-menu li a {
                    font-family: Arial_Rounded_MT_Light;
                    color: #fff !important;
                    padding: 0;
                    padding: 0;
                    font-size: 1.6rem;
                    margin: 1rem;
                }

                    .navbar .navbar-collapse ul li ul.dropdown-menu li a::after {
                        display: none;
                    }

    .sub-header ul {
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

        .sub-header ul li {
            font-size: 12px;
            margin-right: 0px;
        }

    #tagDonar {
        /*width: 50px;
        height: 80px;*/
        bottom: 0;
        width: 122px;
        font-size: 13px;
        padding: 15px 16px 15px 30px;
        height: auto;
    }

        #tagDonar img {
            width: 100%;
        }

        #tagDonar:hover {
            width: 120px;
            font-size: 13px;
            padding: 15px 16px 15px 30px;
            height: auto;
        }

    nav.breadcrumbs li {
        font-size: 14px;
    }

        nav.breadcrumbs li + li:before {
            padding: 0.5rem;
        }

    p.text-campania {
        font-size: 17px;
        text-align: justify;
    }

    h3 {
        font-size: 20px;
    }

    .sub-title {
        font-size: 18px;
    }

    .title {
        font-size: 23px;
    }

        .title#text-se-voluntario {
            font-size: 19px;
        }

    h2.subTitle {
        font-size: 18px;
        margin-top: 30px;
    }

    h2.subTitleDona {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 3rem;
    }

    .text

    .btn_azul {
        padding: 1.5rem 3rem;
        font-size: 16px;
    }

    .boletin {
        font-size: 16px;
    }

        .boletin a span {
            font-size: 11px;
            margin-left: 5px;
            top: 0;
        }

    body {
        background: none #f7f7f7 !important;
    }

        body.fondo_home {
            background: url("../img/fondo_home_mobile.png") no-repeat top center;
            background-size: cover;
        }

    .campana {
        margin-left: 20%;
    }

    #multibannerColecta .item img {
        max-width: 100%;
    }
}

@media screen and (max-width: 1400px) and (min-width: 760px) {
    #tagDonar {
        width: 200px;
        height: 165px;
        font-size: 22px;
        height: 135px;
        padding: 20px 0px 20px 53px;
    }

        #tagDonar img {
            max-width: 119px;
            margin-bottom: 6px;
        }

    .campana {
        margin-left: 20%;
    }
}

@media only screen and (max-width: 600px) {
    .modal-campania .rs {
        font-size: 12px;
    }

        .modal-campania .rs img {
            max-width: 24px;
        }

        .modal-campania .rs#link-fb {
            bottom: 21%;
            left: 6%;
        }

        .modal-campania .rs#link-ig {
            bottom: 15%;
            left: 6%;
        }

    .campaniaDonaAqui {
        right: 10%;
        height: 28px;
        width: 32%;
    }
}

@media only screen and (max-width: 360px) {
    .sub-header ul li {
        font-size: 11px;
    }

        .sub-header ul li img {
            max-height: 13px;
            max-width: 13px;
        }

    .campana {
        margin-left: 20%;
    }

    .play_campana {
        margin-top: 10%;
    }

    .svg {
        margin-top: 20%;
    }

    .modal-campania .rs {
        font-size: 10px;
    }

        .modal-campania .rs img {
            max-width: 18px;
        }

        .modal-campania .rs#link-fb {
            bottom: 24%;
        }

        .modal-campania .rs#link-ig {
            bottom: 17%;
        }
}

@media only screen and (max-width: 320px) {
    .sub-header ul li {
        font-size: 9px;
    }

    .campana {
        margin-left: 2%;
    }

    .play_campana {
        margin-top: 75px;
    }
}

#multibanner .item img {
    float: right;
    object-fit: cover;
    width: 100%;
    /* object-position: left bottom; */
    /* max-width: 950px; */
}

#multibanner .item .container {
    position: relative;
}

    #multibanner .item .container .carousel-caption {
        max-width: 52rem;
        top: 30%;
        bottom: 30%;
        text-align: left;
        text-shadow: none;
        left: 0;
    }

        #multibanner .item .container .carousel-caption h1 {
            color: #ed1b34;
            font-size: 6rem;
        }

        #multibanner .item .container .carousel-caption span {
            font-size: 24px;
            font-family: Arial_Rounded_MT_Light;
            display: block;
        }

        #multibanner .item .container .carousel-caption a {
            margin-top: 50px;
        }

#multibanner .carousel-indicators li {
    border-color: #143546;
    margin: 0 5px;
}

    #multibanner .carousel-indicators li.active {
        background-color: #143546;
        width: 10px;
        height: 10px;
    }

.arrows {
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-height: 48px;
}

    .arrows .carousel-control {
        background-image: none;
        width: 10%;
        opacity: 1;
    }

        .arrows .carousel-control img {
            width: 48px;
            height: 48px;
        }

        .arrows .carousel-control.right span {
            right: 15px;
            background-color: #143546;
            border-radius: 50%;
            width: 74px;
            height: 74px;
            color: #fff;
        }

        .arrows .carousel-control.left span {
            color: #fff;
        }

        .arrows .carousel-control span {
            line-height: 1.8;
            font-size: 40px;
        }

.carousel.slide .item {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

    .carousel.slide .item.active {
        opacity: 1;
    }

.banner_small_content {
    max-height: 716px;
    text-align: center;
    background-color: #e4e9ef;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}

    .banner_small_content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }
/* 
    .banner_small_content::after {
        content: " ";
        background: url("../img/forma.png") no-repeat left center;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 210px;
        background-size: cover;
    } */
#SEPA.banner_small_content {
    min-height: 716px;
    background: #fff;
    display: flex;
    align-items: center;
    text-align: left;
}

    #SEPA.banner_small_content img {
        width: auto;
        height: auto;
        object-fit: contain;
    }

        #SEPA.banner_small_content img.fondo {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 0;
        }

    #SEPA.banner_small_content .logo {
        max-width: 25rem;
    }

    #SEPA.banner_small_content h6 {
        font-size: 3rem;
        font-family: Arial_Rounded_Bold;
        margin-top: 3rem;
    }

    #SEPA.banner_small_content strong {
        font-size: 3rem;
        background: var(--red);
        padding: .5rem 1.5rem;
        border-radius: 20px;
        color: #fff;
    }

@media only screen and (max-width: 760px) {

    #multibanner .item img {
        width: 100%;
    }

    #multibanner .item .container .carousel-caption {
        top: 15%;
        text-align: center;
        bottom: initial;
        display: inline-block;
        margin-bottom: 30px;
        margin-top: 0;
        max-width: 100%;
        width: 100%;
    }

        #multibanner .item .container .carousel-caption h1 {
            font-size: 30px;
            margin-top: 0;
        }

        #multibanner .item .container .carousel-caption span {
            font-size: 18px;
        }

        #multibanner .item .container .carousel-caption .btn_azul {
            margin-top: 0.5rem;
            padding: 1rem 2rem;
        }

    #multibanner .carousel-indicators {
        bottom: 0;
    }

    .arrows {
        max-height: 30px;
        top: initial;
        bottom: 32%;
    }

        .arrows .carousel-control {
            width: 18%;
        }

            .arrows .carousel-control img {
                width: 30px;
                height: 30px;
            }

    .banner_small_content {
        height: 300px;
    }

    #SEPA.banner_small_content .logo {
        max-width: 14rem;
    }

    #SEPA.banner_small_content h6 {
        font-size: 2rem;
        margin-top: 2.5rem;
    }

    #SEPA.banner_small_content strong {
        font-size: 2rem;
    }

    #SEPA.banner_small_content {
        align-items: flex-start;
        padding-top: 10rem;
        min-height: 600px;
    }

        #SEPA.banner_small_content img.fondo {
            max-height: 28rem;
        }

    .campana {
        margin-left: 20%;
    }

    .arrow-colecta {
        top: 170px;
    }
}

@media only screen and (max-width: 450px) {
    #multibanner .item img {
        max-height: 35em;
        object-fit: cover;
        object-position: center;
        margin-top: 68px;
    }

    .campana {
        margin-left: 20%;
    }
}

section#mision {
    text-align: center;
    /* padding: 0 75px; */
    margin: 70px auto 60px;
}

    section#mision .box_shadow {
        margin-bottom: 8rem;
        padding: 5rem 2rem 8rem;
    }

        section#mision .box_shadow .sub-title {
            margin: 1.5rem auto;
        }

        section#mision .box_shadow p {
            max-width: 66rem;
            margin: auto auto 1rem;
        }

        section#mision .box_shadow i.m-v {
            margin: auto;
            display: inline-block;
            text-align: center;
            font-size: 18px;
            font-style: normal;
            color: #595959;
        }

    section#mision .box h4 {
        font-size: 36px;
        font-family: Arial_Rounded_Bold;
        color: #143546;
    }

    section#mision .box.lg h2 {
        margin-bottom: 40px;
    }

    section#mision .box h3 {
        font-size: 24px;
        line-height: 1;
    }

    section#mision .box span {
        font-size: 18px;
    }

section#donar {
    background: url("../img/fondo_donar.png") no-repeat top center;
    padding: 110px 0 105px;
    background-size: cover;
    margin: 0;
    overflow: hidden;
}

    section#donar h2, section#donar h1 {
        color: #fff;
    }

        section#donar h2:not(.title) {
            font-size: 24px;
        }

    section#donar .options {
        max-width: 1610px;
        margin: 105px auto 0;
    }

        section#donar .options .owl-stage-outer {
            overflow: initial;
        }

        section#donar .options .owl-item .op {
            display: inline-block;
            border-radius: 20px;
            padding: 50px 16px;
            height: 457px;
            background: rgb(200,255,253);
            background: linear-gradient(90deg, rgba(200,255,253,1) 0%, rgba(255,255,255,1) 100%);
            vertical-align: top;
            position: relative;
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(1);
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(1);
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(1);
            transition: all 200ms ease-in;
            transform: scale(1);
            width: 100%;
            max-width: 264px;
        }

            section#donar .options .owl-item .op img {
                position: absolute;
                top: -28px;
                left: 0;
                right: 0;
                margin: auto;
                width: initial;
                max-height: 172px;
            }

            section#donar .options .owl-item .op h3 {
                color: #143546;
                font-family: Arial_Rounded_Bold;
                margin-bottom: 4.5rem;
                margin-top: 50%;
                font-size: 40px;
            }

            section#donar .options .owl-item .op p {
                font-size: 16px;
                line-height: 1.2;
            }

            section#donar .options .owl-item .op a {
                width: 100%;
                padding: 18px;
                max-width: 204px;
                margin: auto;
                font-size: 25px;
            }

.owl-dots {
    margin-top: 10px;
}

    .owl-dots .owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        outline: none;
    }

        .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            border: 2px solid #fff;
        }

        .owl-dots .owl-dot.active span {
            background-color: #fff;
        }

section#unete-formulario {
    background: url("../img/fondo_donar.png") no-repeat top center;
    padding: 0px 0 150px;
    background-size: cover;
    margin: 0;
    overflow: hidden;
    background-position-y: 15pc;
}

    section#unete-formulario form {
        padding: 0;
        display: flex;
        overflow: hidden;
        position: relative;
        border-top-left-radius: 50px;
    }

    section#unete-formulario .img-form {
        width: 100%;
    }

    section#unete-formulario img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    section#unete-formulario .unete-form {
        width: 100%;
        padding: 45px 76px 55px;
    }


section.unete {
    background-image: url("../img/fondo_voluntario.png");
    padding: 20rem 0 15rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    margin-bottom: 0;
}

    section.unete .box_shadow_img .content {
        align-items: center;
    }

    section.unete .box_shadow_img .img_box {
        height: 360px;
    }

    section.unete .box_shadow_img .content p {
        font-size: 26px;
    }

    section.unete .box_shadow_img .content .btn_azul {
        margin-top: 2.5rem;
    }

section#proyects {
    margin-bottom: 400px;
}

    section#proyects .carousel .carousel-inner {
        overflow: initial;
    }

        section#proyects .carousel .carousel-inner .item .detalle {
            position: absolute;
            background: url("../img/fondo_rojo.png") no-repeat center;
            top: 74%;
            right: 0;
            left: 0;
            padding: 35px 0 90px;
            text-align: center;
            border-top-left-radius: 40px;
            background-size: cover;
        }

            section#proyects .carousel .carousel-inner .item .detalle .title {
                color: #fff;
            }

            section#proyects .carousel .carousel-inner .item .detalle h1 {
                color: #143546;
                font-family: Arial_Rounded_Bold;
            }

            section#proyects .carousel .carousel-inner .item .detalle p {
                font-size: 24px;
                color: #143546;
                max-width: 560px;
                margin: auto;
            }

        section#proyects .carousel .carousel-inner .item img {
            height: 735px;
            object-fit: cover;
            margin: auto;
        }

        section#proyects .carousel .carousel-inner .item .detalle .btn_azul {
            position: absolute;
            bottom: -34px;
            left: 0;
            right: 0;
            margin: auto;
            width: 272px;
        }

        section#proyects .carousel .carousel-inner .item .detalle img {
            max-height: 80px;
            margin-top: 40px;
        }

    section#proyects .carousel .carousel-indicators {
        bottom: 240px;
        height: 18px;
    }

        section#proyects .carousel .carousel-indicators li, section#proyects .carousel .carousel-indicators li.active {
            width: 18px;
            height: 18px;
            border: 3px solid #fff;
            margin: 8px;
        }

    section#proyects .arrows {
        top: 265px;
        bottom: auto;
    }

#no_banner {
    margin-top: 11rem;
}

section#yape .title {
    margin-top: 0;
}

section#yape p.m-v {
    max-width: 320px;
    font-size: 22px;
    text-align: left;
    margin: auto;
    margin-top: 66px;
}

section#yape i.m-v {
    max-width: 320px;
    margin: auto;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
    font-style: normal;
}

.row.line::before {
    content: " ";
    width: 1px;
    background: #d4d1d0;
    height: 78%;
    position: absolute;
    left: 50%;
}

.ocultar {
    display: none !important;
}

section#yape .title img {
    margin-right: 20px;
    vertical-align: bottom;
}

section#agradecimiento {
    background: url(../img/fondo_agradecimiento.png) no-repeat top center #f7f7f7;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 164px;
}

#se_voluntario .box_shadow_img {
    border-radius: 2rem;
    overflow: hidden;
}

    #se_voluntario .box_shadow_img .img_box {
        height: 45rem;
        border-top-left-radius: 0;
    }

    #se_voluntario .box_shadow_img .title {
        margin-bottom: 3rem;
    }

    #se_voluntario .box_shadow_img .btn_azul {
        min-width: 20rem;
    }

    #se_voluntario .box_shadow_img .content {
        align-items: center;
    }

#video_voluntario .video_play {
    max-width: 100%;
}

#video_voluntario .title {
    margin-bottom: 3.5rem;
}

#video_voluntario p {
    font-size: 1.8rem;
    margin: auto;
    max-width: 74rem;
    line-height: 1.5;
}

#escuela_voluntario {
    max-width: 1020px;
}

    #escuela_voluntario .owl-carousel .box_shadow_img {
        border-radius: 2rem;
        overflow: hidden;
    }

    #escuela_voluntario .box_shadow_img .img_box {
        height: 50rem;
        border-top-left-radius: 0;
    }

    #escuela_voluntario .box_shadow_img h3 {
        font-family: Arial_Rounded_Bold;
        margin-top: 0;
        font-size: 3.5rem;
    }

    #escuela_voluntario .box_shadow_img .content {
        padding: 3rem 8%;
    }

        #escuela_voluntario .box_shadow_img .content p {
            font-size: 2.2rem;
            margin-bottom: 0;
        }

    #escuela_voluntario .gallery-carousel {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-top: 5rem;
    }

        #escuela_voluntario .gallery-carousel .owl-dot {
            width: 145px;
            height: 82px;
            border-radius: 10px;
            overflow: hidden;
            opacity: 0.5;
        }

            #escuela_voluntario .gallery-carousel .owl-dot.active {
                opacity: 1;
            }

            #escuela_voluntario .gallery-carousel .owl-dot img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

@media only screen and (min-width: 761px) {

    .campana {
        margin-left: 20%;
    }

    section#donar .owl-item:hover {
        /* box-shadow: 0px 0 30px #555555ab; */
        z-index: 2;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 200ms ease-in;
        transform: scale(1.1);
    }

    section#banco .cod {
        display: block;
    }
}

@media only screen and (max-width: 760px) {
    section#mision {
        margin: 2.5rem auto;
    }

        section#mision .box_shadow {
            padding: 2rem;
            margin: auto auto 52px;
        }

            section#mision .box_shadow .title {
                margin: 0 0 1rem;
            }

            section#mision .box_shadow i.m-v {
                font-size: 9.5px;
                line-height: 1.2;
            }

        section#mision .box {
            max-width: 240px;
            margin: 0 auto 4rem;
        }

            section#mision .box h3 {
                font-size: 18px;
            }

            section#mision .box:last-child {
                margin-bottom: 0;
            }

    section#donar {
        padding: 46px 0 50px;
    }

    section#unete-formulario {
        padding: 46px 0 50px;
    }

    section#donar h1, section#donar h3 {
        margin-top: 0px;
    }

    section#donar .options {
        margin: 60px auto 0;
    }

    section#donar .owl-dots {
        margin-top: 10px;
        top: auto;
    }

        section#donar .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            border: 2px solid #fff;
        }

        section#donar .owl-dots .owl-dot.active span {
            background-color: #fff;
        }

    section.unete {
        padding: 6rem 1rem;
    }

        section.unete .box_shadow_img .img_box {
            height: 24rem;
        }

        section.unete .box_shadow_img .content .btn_azul {
            margin-top: 1.5rem;
            padding: 2rem 3rem;
        }

        section.unete .box_shadow_img .content p {
            font-size: 14px;
        }

    section#proyects .carousel .carousel-inner .item img {
        height: 320px;
        object-fit: cover;
        object-position: center;
    }

    section#proyects .carousel .carousel-inner .item .detalle {
        padding: 30px 20px;
        margin: 0 15px;
        border-top-left-radius: 25px;
    }

        section#proyects .carousel .carousel-inner .item .detalle .title {
            width: 60%;
            margin: auto;
            font-size: 34px;
        }

        section#proyects .carousel .carousel-inner .item .detalle h1 {
            font-size: 20px;
        }

        section#proyects .carousel .carousel-inner .item .detalle p {
            font-size: 16px;
        }

        section#proyects .carousel .carousel-inner .item .detalle img {
            max-height: 54px;
        }

        section#proyects .carousel .carousel-inner .item .detalle .btn_azul {
            bottom: -33px;
            width: 186px;
        }

    section#proyects .carousel .carousel-indicators, section#proyects .carousel .arrows {
        display: none;
    }

    section#agradecimiento {
        padding-top: 46px !important;
    }

        section#agradecimiento .text {
            text-align: left;
        }

    #se_voluntario .box_shadow_img {
        flex-direction: column-reverse;
    }

        #se_voluntario .box_shadow_img .img_box {
            height: 26rem;
        }

    #video_voluntario .video_play {
        margin: 0;
    }

    #video_voluntario p {
        font-size: 14px;
        padding: 0 1rem;
    }

    #escuela_voluntario .box_shadow_img .img_box {
        height: 16em;
    }

    #escuela_voluntario .box_shadow_img .content {
        padding: 2rem;
    }

    #escuela_voluntario .box_shadow_img h3 {
        font-size: 1.8rem;
        margin-bottom: 0;
    }

    #escuela_voluntario .box_shadow_img .content p {
        font-size: 13px;
    }

    .campana {
        margin-left: 20%;
        width: 100%;
    }

    .campana_right {
        width: 100%;
    }

    .img-one {
        width: 100%;
    }

    #escuela_voluntario .gallery-carousel {
        display: none;
    }

    
}

@media only screen and (max-width: 400px) {

    section#agradecimiento {
        background: url(../img/fondo_agradecimiento_mobile.png) no-repeat top center #f7f7f7;
        background-size: cover;
    }

    .campana {
        margin-left: 20%;
    }

    .svg {
        margin-top: 20%;
    }
}

@media only screen and (max-width: 320px) {
    section.unete .img_circle {
        width: 100%;
        height: 265px;
    }

    section#banco .nav-tabs li {
        font-size: 14px;
    }

    .campana {
        margin-left: 20%;
    }

    .arrow-colecta {
        top: 135px;
    }

    .img_unete {
        width: 100%;
    }
}

.info_donar {
    background-color: var(--red);
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 1.5rem;
}

.steps-container {
    display: flex;
    justify-content: center;
}

    .steps-container .step .step-icon {
        width: 50px;
        height: 50px;
        border: 2px solid var(--red);
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background-color: transparent;
        z-index: 1000;
        font-size: 30px;
        font-family: Arial_Rounded_Bold;
        color: var(--red);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .steps-container .step-bar {
        float: left;
        height: 2px;
        width: 60px;
        display: block;
        background-color: #E3E8F4;
        margin-top: 23px;
    }

    .steps-container .step-active .step-icon {
        background-color: var(--red);
        color: #fff;
    }

.active-bar {
    background-color: var(--red) !important;
}
#title-donar {
    font-size: 20px;
    font-family: 'Gotham';
    color: #606060;
    margin-bottom: 2rem;
    margin-top: 3rem;
}
.content-donar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.content-donar .content-left p {
    font-family: 'Gotham_Book';
    font-weight: 500;
    color: #606060;
    margin-top: 1rem;
}
.content-donar #img-principal {
    width: calc(100% + 30px);
    object-fit: cover;
    margin-right: -15px;
    margin-left: -15px;
}
.form-donar {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-bottom: 5rem;
    flex: 1;
}

    .form-donar:last-child {
        margin-bottom: 0;
    }

    .form-donar .title {
        margin-top: 1rem;
        margin-bottom: 2rem !important;
    }

    .form-donar .subtitle {
        font-size: 1.6rem;
        color: #283f42;
        font-family: Arial_Rounded_Bold;
        max-width: 380px;
        margin: auto auto 2rem;
    }

    .form-donar .card {
        background: #fff;
        border-radius: 2rem;
        margin-bottom: 1rem;
        padding: 2rem 2.2rem 8rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        position: relative;
    }
    .form-donar .card > div {
        width: 100%;
    }

        .form-donar .card p {
            font-size: 2.6rem;
            color: #606060;
            font-family: gotham;
            margin-bottom: 1rem;
            text-align: left;
        }

        .form-donar .card:last-child {
            margin-bottom: 0;
        }

.form-horizontal {
    text-align: left;
}

    .form-horizontal .form-group label {
        text-align: left;
        font-weight: normal;
        font-size: 20px;
        padding-top: 20px;
    }

    .form-horizontal .form-group.lblOtroMonto {
        top: -95px;
        margin-bottom: -45px;
    }

.form-donar .radio-pills {
        display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

    .form-donar .radio-pills.btn-group {
        flex-wrap: nowrap;
        gap: 0.2rem;
    }

        .form-donar .radio-pills.btn-group label.radio-inline {
            border-radius: 0;
            width: 130px;
        }

            .form-donar .radio-pills.btn-group label.radio-inline.first {
                border-top-left-radius: 3rem;
                border-bottom-left-radius: 3rem;
            }

            .form-donar .radio-pills.btn-group label.radio-inline.last {
                border-top-right-radius: 3rem;
                border-bottom-right-radius: 3rem;
            }

    .form-donar .radio-pills label.radio-inline {
        text-align: center;
        padding: 5px;
        border-radius: 10px;
        height: 40px;
        font-size: 1.5rem;
        line-height: 1;
        color: #606060;
        flex: 1;
        min-width: 100px;
        border: 1px solid #383838;
        font-family: 'Gotham';
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: center;
        transition: .5s;
    }
    .form-donar .radio-pills label.radio-inline svg {
        width: 20px;
        height: 20px;
        color: var(--red);
    }

    .form-donar .radio-pills input[type="radio"] {
        display: none;
    }

        .form-donar .radio-pills input[type="radio"]:checked + label {
            background-color: var(--red);
            border-color: var(--red);
            font-family: Arial_Rounded_Bold;
            color: #fff;
        }

        .form-donar .radio-pills input[type="radio"]:checked + label svg {
            color: #fff;
        }

.dropdown.pills.blue {
    max-width: 14rem;
    margin: auto auto 0;
}

    .dropdown.pills.blue .dropdown-toggle {
        background: var(--red);
        color: #fff;
        border-color: var(--red);
        text-transform: capitalize;
        padding: 0.5rem 1.5rem !important;
    }

.dropdown.pills.open .dropdown-toggle {
    color: #fff;
}

.dropdown.pills.blue.open .dropdown-toggle {
    color: var(--red) !important;
}

.dropdown.pills.blue .dropdown-menu {
    border-color: var(--red);
}

    .dropdown.pills.blue .dropdown-menu > li > label {
        padding: 1rem 2rem;
        color: #283f42;
        font-family: Arial_Rounded_Bold;
        font-size: 1.6rem;
        margin-bottom: 0;
        display: block;
    }

.dropdown.pills .dropdown-toggle svg {
    width: 18px;
    height: 8px;
    margin-left: 0.5rem;
}

.form-donar .otroMonto {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.7rem;
}

    .form-donar .otroMonto .form-control {
        height: 34px;
        flex: none;
        max-width: 115px;
        margin-left: 1rem;
        font-size: 1.6rem;
        border-radius: 10px !important;
        color: #606060;
        font-weight: 600;
        border: 1px solid #383838;
        font-family: 'Gotham';
    }

.form-donar [type="checkbox"] + label {
    margin: 2.3rem 0 0 0;
}

.form-donar .errorMsg {
    padding: 3px 15px 0;
}

.form-donar .monto_detalle {
    display: flex;
    max-width: 80%;
    margin: 2.5rem auto 0;
    align-items: center;
}

    .form-donar .monto_detalle img {
        width: 16rem;
        height: 14rem;
        object-fit: cover;
        flex: none;
        border-radius: 2rem;
        border-top-left-radius: 0;
    }

    .form-donar .monto_detalle .text {
        padding-left: 2.5rem;
        text-align: left;
    }

        .form-donar .monto_detalle .text h6 {
            font-family: Arial_Rounded_Bold;
            font-size: 2rem;
            margin-top: 0;
        }

        .form-donar .monto_detalle .text p {
            font-family: 'Arial_Rounded_MT_Light';
            font-size: 12px;
            line-height: 1.2;
            margin-bottom: 0;
        }

.label-float .form-control {
    padding: 18px 22px 0;
}

.label-float label {
    font-weight: normal;
    margin: 0;
    position: absolute;
    left: 22px;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    top: 8px;
    color: #143546;
}

.form-group {
    position: relative;
    margin-bottom: 34px;
}

    .form-group .form-control {
        border: 1px solid #143546;
        height: 58px;
        border-radius: 30px;
        position: relative;
        overflow-x: hidden;
        box-shadow: none;
        background: rgba(0, 0, 0, 0);
        transition: padding-top 0.2s ease, margin-top 0.2s ease;
        font-size: 20px;
    }

textarea.form-control {
    height: auto !important;
}

.form-group label.no_float {
    font-weight: normal;
    margin: 0;
    position: absolute;
    left: 22px;
    top: -25px;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"]:checked + label,
    [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        font-size: 16px;
        font-weight: normal;
    }

        [type="checkbox"]:checked + label::before,
        [type="checkbox"]:not(:checked) + label::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            border: 1px solid #383838;
        }

        [type="checkbox"]:checked + label::after,
        [type="checkbox"]:not(:checked) + label::after {
            content: '';
            width: 10px;
            height: 10px;
            background: #103d40;
            position: absolute;
            top: 4.8px;
            left: 4.8px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="checkbox"]:checked + label a,
        [type="checkbox"]:not(:checked) + label a {
            text-decoration: underline;
            color: #5f5f5f;
        }

        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.tarjetas {
    text-align: left;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}

    .tarjetas img {
        width: 100%;
    }

    .tarjetas span {
        font-size: 12.5px;
        line-height: 1.2;
        color: #6e6e6e;
        text-align: center;
        display: block;
        max-width: 90%;
        margin: auto;
    }

section {
    margin-bottom: 170px;
}

.bg_transparent {
    padding: 65px 110px;
}

    .bg_transparent p {
        font-size: 20px;
        text-align: center;
    }

.img_box {
    position: relative;
}

    .img_box img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
        left: 0;
        top: 0;
    }

.box_shadow {
    background-color: #fff;
    border-top-left-radius: 4rem;
    -webkit-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    overflow: hidden;
    padding: 5%;
}

    .box_shadow p {
        color: #414141;
        font-size: 24px;
        line-height: 1.3;
    }

.box_shadow_img {
    -webkit-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
}

    .box_shadow_img .img_box {
        height: 30rem;
        border-top-left-radius: 20px;
        overflow: hidden;
    }

    .box_shadow_img .content {
        flex: 1;
        padding: 4rem;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .box_shadow_img .content p {
            color: #393939;
            font-size: 16px;
            line-height: 1.3;
        }

    .box_shadow_img.horizontal {
        flex-direction: row;
    }

        .box_shadow_img.horizontal .img_box {
            flex: 1;
            height: initial;
        }

        .box_shadow_img.horizontal .content {
            align-items: baseline;
        }

section.bg_white {
    background-color: #fff;
    padding: 65px;
    border-top-left-radius: 50px;
    -webkit-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    color: #143546;
    margin-left: -35px;
    margin-right: -55px;
    position: relative
}

    section.bg_white span {
        font-size: 24px;
    }

    section.bg_white img.codQR {
        display: block;
        margin: auto;
        margin-top: 12px;
    }

    section.bg_white i.yapea {
        display: inline-block;
        font-style: normal;
        font-size: 16px;
    }

    section.bg_white strong.frase {
        font-size: 20px;
        display: block;
    }

    section.bg_white.small {
        padding: 4%;
        margin-left: auto;
        margin-right: auto;
    }

        section.bg_white.small .title {
            margin-bottom: 30px;
            margin-top: 0;
            font-family: Arial_Rounded_Bold;
        }

        section.bg_white.small p {
            font-size: 20px;
            max-width: 75%;
            margin: auto auto 2rem;
            line-height: 1.2;
            color: #5f5f5f;
        }

            section.bg_white.small p strong {
                color: #5f5f5f;
            }

        section.bg_white.small .servicios-sepa {
            font-size: 20px;
            margin: auto;
            max-width: 36rem;
        }

            section.bg_white.small .servicios-sepa li {
                text-align: left;
                margin-bottom: 1.5rem;
            }

                section.bg_white.small .servicios-sepa li:last-child {
                    margin-bottom: 0;
                }

                section.bg_white.small .servicios-sepa li img {
                    margin-right: 1rem;
                }

#filosofia_carousel {
    gap: 10rem;
}

    #filosofia_carousel .box_shadow_img .content {
        padding: 3rem;
    }

    #filosofia_carousel .box_shadow_img {
        max-width: 40rem;
        height: auto;
    }

        #filosofia_carousel .box_shadow_img .content p {
            font-size: 18px;
            color: #5f5f5f;
        }

            #filosofia_carousel .box_shadow_img .content p h3 {
                color: var(--blue);
                font-size: inherit;
                display: inline-block;
                margin: 0;
            }

#testimonios_albergue {
    padding: 0 2rem;
    max-width: 110rem;
}

    #testimonios_albergue h2 {
        font-size: 5rem;
        margin-bottom: 5rem;
    }

    #testimonios_albergue a {
        font-size: 18px;
    }

.frase-albergue p {
    color: #464646;
    font-size: 22px;
    font-style: italic;
    margin-bottom: 2rem;
}

#hpc_problematica {
    margin: 0 4rem;
}

    #hpc_problematica .title {
        margin-bottom: 3rem;
        margin-top: 0;
    }

@media only screen and (min-width: 992px) {
    #hpc_problematica .title span {
        font-size: 2.7rem;
    }
}

#hpc_problematica ul {
    padding-left: 2rem;
    list-style: disc;
}

    #hpc_problematica ul li {
        font-size: 18px;
        color: #5f5f5f;
        margin-bottom: 1.5rem;
    }

        #hpc_problematica ul li:last-child {
            margin-bottom: 0;
        }

        #hpc_problematica ul li strong {
            font-family: Arial_Rounded_Bold;
            color: #5f5f5f;
        }

        #hpc_problematica ul li::marker {
            color: var(--red);
        }

#hpc_problematica .box_shadow_img.horizontal .img_box {
    max-width: 40%;
}

#hpc_problematica .box_shadow_img .content {
    padding: 2.5rem 3.5rem;
}

.bg_red_border_bottom {
    background: url(../img/fondo_objetivos_proyecto.png) no-repeat bottom center;
    padding: 6rem 0 22rem;
    background-size: cover;
    margin: 0;
    overflow: hidden;
}

#objetivos_proyecto_carousel .item {
    border-top-left-radius: 25px;
    padding: 3rem 5rem;
    background: #fff;
    width: 100%;
    max-width: 332px;
    margin: auto;
}

    #objetivos_proyecto_carousel .item img {
        max-height: 136px;
        width: auto;
        margin: auto;
    }

    #objetivos_proyecto_carousel .item p {
        font-size: 20px;
        text-align: center;
        margin-top: 2rem;
        line-height: 1.2;
        margin-bottom: 0;
    }

        #objetivos_proyecto_carousel .item p strong {
            color: var(--blue);
            font-weight: normal;
            font-family: Arial_Rounded_Bold;
        }

#servicios h6 {
    font-size: 3rem;
    color: var(--red);
    font-family: Arial_Rounded_Bold;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

    #servicios h6 img {
        max-height: 7rem;
        margin-right: 1.5rem;
    }

#servicios ul {
    list-style: disc;
    font-size: 1.6rem;
    padding-left: 2rem;
    margin-bottom: 2rem;
}

    #servicios ul li::marker {
        color: var(--red);
        font-size: 2rem;
    }

#servicios_carousel .box_shadow_img .img_box {
    height: 40rem;
}

section#impacto.nt-detalle img {
    width: 35%;
}

section#impacto .texto {
    padding-left: 10rem;
}

    section#impacto .texto p {
        font-size: 2.2rem;
    }

#tipo_cancer_carousel {
    padding-top: 5rem;
}

    #tipo_cancer_carousel .item {
        margin: auto;
        max-width: 135px;
        text-align: center;
    }

        #tipo_cancer_carousel .item img {
            max-height: 120px;
            width: auto;
            margin: auto;
        }

        #tipo_cancer_carousel .item p {
            font-family: Arial_Rounded_Bold;
            color: var(--blue);
            font-size: 2rem;
            line-height: 1;
            margin-top: 1rem;
        }

#objetivos_generales h1.principal {
    margin-top: 0;
    margin-bottom: 2rem;
}

#objetivos_generales p {
    color: #fff;
    font-size: 2.2rem;
    max-width: 80%;
    margin: 3rem auto;
}

#objetivos_generales h3 {
    color: #fff;
    margin-bottom: 4rem;
    font-size: 2.6rem;
}

#objetivos_generales .item {
    background: rgb(206,222,186);
    background: linear-gradient(180deg, rgba(206,222,186,1) 0%, rgba(208,228,210,1) 100%);
    padding: 4rem;
    border-radius: 2rem;
}

#objetivos_generales .owl-item {
    padding-top: 4rem;
}

#objetivos_generales .item img {
    max-height: 14rem;
    width: auto;
    margin: auto;
    margin-top: -8rem;
}

#objetivos_generales .item span {
    font-family: Arial_Rounded_Bold;
    font-size: 2.2rem;
    line-height: 1;
    color: var(--blue);
    display: block;
    margin-top: 3rem;
}

#proyecto_SEPA {
    gap: 8%;
}

    #proyecto_SEPA .item {
        display: flex;
        margin-bottom: 4rem;
    }

        #proyecto_SEPA .item:last-child {
            margin-bottom: 0;
        }

        #proyecto_SEPA .item img {
            width: 6rem;
            height: 6rem;
            max-height: 6rem;
            object-fit: contain;
            border-radius: 0;
            margin-right: 4rem;
        }

    #proyecto_SEPA img.b-lazy {
        width: 40%;
    }

    #proyecto_SEPA .item p {
        line-height: 1.1;
    }

        #proyecto_SEPA .item p strong {
            color: var(--blue);
        }

#titlePonleCorazon {
    font-size: 2.5rem;
}

#embajadores_carousel {
    gap: 4%;
}

    #embajadores_carousel .box_shadow_img .img_box {
        height: 30rem;
    }

    #embajadores_carousel .box_shadow_img {
        max-width: 334PX;
        width: 100%;
    }

    #embajadores_carousel .img_box img {
        object-position: top;
    }

    #embajadores_carousel .box_shadow_img.item {
        box-shadow: 0 0;
    }

    #embajadores_carousel .box_shadow_img .content {
        background-color: transparent;
        padding: 2rem;
        color: #5f5f5f;
        line-height: 1;
    }

        #embajadores_carousel .box_shadow_img .content h6 {
            color: var(--red);
            font-family: Arial_Rounded_Bold;
            font-size: 2.5rem;
        }

        #embajadores_carousel .box_shadow_img .content strong {
            font-size: 1.8rem;
            margin-bottom: 1rem;
        }

        #embajadores_carousel .box_shadow_img .content p {
            max-width: 90%;
        }

#aliados_SEPA {
    /* background: url("../img/fondo_rojo.png") no-repeat center; */
    /* background-size: cover; */
    background: #fff;
    margin-bottom: 0;
    color: var(--blue);
    padding: 0 0 8rem 0;
    text-align: center;
}

    #aliados_SEPA h1.principal {
        margin-bottom: 2rem;
    }

    #aliados_SEPA p {
        font-size: 20px;
        line-height: 1.2;
    }

        #aliados_SEPA p a {
            font-family: Arial_Rounded_Bold;
            /* color: #fff; */
        }

    #aliados_SEPA .logos {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4rem;
        margin-top: 4rem;
    }

section#observatorio {
    background: url("../img/fondo_observatorio.png") no-repeat top;
    background-size: contain;
    padding-bottom: 10rem;
}

    section#observatorio .content {
        padding-right: 8%;
    }

    section#observatorio p {
        text-align: justify;
        font-size: 20px;
        color: #5f5f5f;
        margin-top: 1rem;
        line-height: 1.2;
    }

    section#observatorio .btn_azul {
        width: 100%;
        margin-top: 4rem;
    }

    section#observatorio img {
        max-width: 500px;
        height: 100%;
        margin: auto;
    }

#observatorio_carousel .item p {
    text-align: center;
    color: var(--red);
    font-family: Arial_Rounded_Bold;
    font-size: 2rem;
    margin-top: 1rem;
}

#observatorio_carousel {
    margin-top: 4rem;
}

    #observatorio_carousel .owl-nav button.owl-prev {
        left: 4rem;
    }

    #observatorio_carousel .owl-nav button.owl-next {
        right: 4rem;
    }

    #observatorio_carousel img {
        max-height: 120px;
        width: auto;
    }

section#fines_institucionales .flex-wrap {
    gap: 8rem;
}

section#fines_institucionales .box_shadow_img h2 {
    color: var(--blue);
    font-family: Arial_Rounded_Bold;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-size: 2.6rem;
}

#fines_institucionales .content.text-center {
    justify-content: flex-start;
    padding: 3rem;
}

#fines_institucionales .box_shadow_img .content p {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.modal {
    text-align: center;
}

    .modal .modal-content .modal-header {
        background-color: #000;
        color: #fff;
    }

        .modal .modal-content .modal-header .modal-title {
            font-family: Arial_Rounded_Bold;
        }

        .modal .modal-content .modal-header .close {
            color: #fff !important;
            opacity: 1;
        }

@media only screen and (max-width: 760px) {

    .box_shadow {
        border-top-left-radius: 2rem;
        padding: 2rem;
    }

        .box_shadow p {
            font-size: 13.5px;
        }

    .box_shadow_img {
        flex-direction: column;
    }

        .box_shadow_img .img_box {
            height: 16em;
            width: 100%;
            flex: none;
        }

        .box_shadow_img .content {
            padding: 1.5rem 1rem;
        }

            .box_shadow_img .content p {
                font-size: 13px;
            }

        .box_shadow_img.horizontal {
            flex-direction: column;
        }

            .box_shadow_img.horizontal .img_box {
                flex: none;
                height: 16em;
            }

    section {
        margin-bottom: 90px;
    }

        section.bg_white {
            padding: 36px;
            text-align: center;
            margin-left: 0;
            margin-right: 0;
            border-top-left-radius: 25px;
        }

            section.bg_white span {
                font-size: 18px;
                display: block;
                line-height: 1.4;
            }

            section.bg_white i.yapea {
                display: block;
            }

            section.bg_white img {
                max-width: 194px;
                margin-bottom: 15px;
                margin-top: 10px;
            }

    #filosofia_carousel .box_shadow_img .content p {
        font-size: 14px;
    }

    #filosofia_carousel .box_shadow_img .content {
        padding: 2rem;
    }

    #testimonios_albergue {
        padding: 0 1.5rem;
    }

        #testimonios_albergue h2 {
            font-size: 3.2rem;
            margin-bottom: 2rem;
        }

    .frase-albergue p {
        text-align: center;
        font-size: 16px;
        margin-bottom: 3rem;
    }

    #testimonios_albergue a {
        font-size: 14px;
    }

    #no_banner {
        margin-top: 6rem;
    }

    .title.info_donar {
        font-size: 2rem;
    }

    .btn_azulDona {
        padding: 1.5rem 4rem;
        font-size: 1.6rem;
    }

        .form-donar .card {
            padding: 1.5rem 1.5rem 6rem;
            align-items: center;
        }

            .form-donar .card p {
                font-size: 2rem;
                margin-bottom: 2rem;
                text-align: center;
            }
            .form-donar .card p span {
                display: none;
            }

        .form-donar .monto_detalle {
            max-width: 100%;
            margin: 2rem auto;
        }

            .form-donar .monto_detalle img {
                width: 46%;
                height: 10rem;
            }

            .form-donar .monto_detalle .text h6 {
                font-size: 1.6rem;
                margin-bottom: 5px;
            }

            .form-donar .monto_detalle .text {
                padding-left: 1rem;
            }

                .form-donar .monto_detalle .text p {
                    font-size: 11px;
                }

        .form-donar .otroMonto .form-control {
            height: 25px;
            font-size: 1.5rem;
            max-width: 90px;
        }

    .form-horizontal .form-group {
        margin-bottom: 25px;
    }

        .form-horizontal .form-group label {
            padding-top: 0;
            font-size: 18px;
        }

            .form-horizontal .form-group label.radio-inline {
                font-size: 16px;
            }

        .form-horizontal .form-group input[type="text"] {
            font-size: 16px;
            padding-top: 20px;
        }

    .form-group {
        margin-bottom: 12px;
    }

        .form-group label.no_float {
            position: relative;
            top: 0;
            float: left;
            margin-bottom: 3px;
        }

    [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {
        font-size: 12px;
        padding-left: 25px;
        line-height: 15px;
    }

        [type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before {
            width: 16px;
            height: 16px;
        }

    .form-donar [type="checkbox"] + label {
        margin: 2rem 0;
    }

    .tarjetas {
        padding: 0;
    }

        .tarjetas span {
            font-size: 10px;
            color: #b5b5b5;
            max-width: 100%;
        }

    /*Agregado*/
    section#unete-formulario .unete-form {
        width: 100%;
        padding: 2rem;
    }
        /*Agregado*/
        section#unete-formulario .unete-form h2 {
            width: 102%;
            font-size: 2rem;
            margin-top: 0;
        }

        section#unete-formulario .unete-form .col-xs-6 {
            width: 100%;
        }

    .campana {
        margin-left: 20%;
    }

    .puntitos {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    .form-horizontal .form-group label.radio-inline, .form-horizontal .form-group input[type="text"] {
        width: 45%;
    }

    .campana {
        margin-left: 0%;
    }

    .svg {
        margin-top: 20%;
    }

    .arrow-colecta {
        top: 45%;
    }

    .img_unete {
        width: 100%;
    }
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.64);
    z-index: 1200;
    transition: .5s;
    display: none;
}

    .loader .rhombus {
        border-radius: 10px;
        height: 75px;
        width: 75px;
        top: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

        .loader .rhombus::before {
            content: "";
            position: absolute;
            background: #ed1b34;
            height: 40px;
            width: 40px;
            z-index: 0;
            margin-top: 15px;
            margin-left: 15px;
            transform: rotate(45deg);
        }

        .loader .rhombus .circle1 {
            content: "";
            position: absolute;
            background: #ed1b34;
            height: 40px;
            width: 40px;
            z-index: 1;
            border-radius: 50%;
            animation-duration: 2s;
            animation-name: change1;
            animation-iteration-count: infinite;
            /*animation-direction: alternate;*/
        }

        .loader .rhombus .circle2 {
            content: "";
            position: absolute;
            background: #ed1b34;
            height: 40px;
            width: 40px;
            z-index: 1;
            margin-left: 30px;
            border-radius: 50%;
            animation-duration: 2s;
            animation-name: change2;
            animation-iteration-count: infinite;
            /*animation-direction: alternate;*/
        }

        .loader .rhombus::after {
            content: "Procesando operacion...";
            position: absolute;
            bottom: -50px;
            display: inline-block;
            text-align: center;
            font-family: Arial_Rounded_MT_Std;
            color: #fff;
        }

@keyframes change1 {
    0%, 25% {
        margin-top: 0px;
        margin-left: 0px;
    }

    50%, 75% {
        margin-top: 30px;
        margin-left: 30px;
    }
}

@keyframes change2 {
    25%, 50% {
        margin-top: 30px;
        margin-left: 0px;
    }

    75%, 100% {
        margin-top: 0px;
        margin-left: 30px;
    }
}

footer {
    background-color: var(--red);
    color: #fff;
    padding-top: 60px;
    overflow: hidden;
}

    footer .flex-wrap {
        justify-content: space-between;
        gap: 2rem;
    }

    footer .option {
        flex: none;
    }

        footer .option.address {
            max-width: 19rem;
        }

    footer img.logo_footer {
        margin-bottom: 30px;
        max-width: 100%;
    }

    footer strong {
        font-family: Arial_Rounded_Bold;
        font-size: 14px;
        margin-top: 0;
        color: #fff;
        display: block;
    }

    footer ul li {
        margin-bottom: 10px;
    }

        footer ul li a {
            color: #fff;
            font-size: 13px;
        }

    footer p {
        margin: 0;
        color: #fff;
        font-size: 13px;
    }

    footer .socio {
        width: 180px;
    }

        footer .socio .respaldo {
            text-align: center;
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 16px;
            text-transform: capitalize;
        }

        footer .socio img {
            display: inline-block;
            width: 50%;
            max-height: 50px;
            object-fit: contain;
        }

    footer .option.container-footer-row2 {
        display: flex;
        align-items: center;
        justify-content: end;
        margin-top: -10rem;
        margin-left: auto;
    }

        footer .option.container-footer-row2 .sello {
            max-width: 15rem;
            margin-right: 2rem;
        }

    footer .copyright {
        padding: 15px 0 16px;
        text-align: center;
        border-top: 1px solid #de8891;
        margin-top: 36px;
    }

        footer .copyright .container {
            font-family: Arial_Rounded_Bold;
            color: #fff;
        }

    footer a {
        color: #fff;
    }

    footer .redes {
        position: relative;
        /*float: right;
        right: -120px;*/
    }

        footer .redes a {
            display: inline-block;
            margin: 11px 6px;
        }

            footer .redes a img {
                width: 43px;
                height: 43px;
            }

    footer .scroll-top {
        margin-bottom: 4.5rem;
        margin-top: 1.5rem;
    }

        footer .scroll-top svg {
            transform: rotate(180deg);
            width: 2rem;
            height: 1rem;
            margin-right: 0.5rem;
        }

@media only screen and (max-width: 760px) {
    footer strong {
        font-size: 13px;
    }

    footer .flex-wrap {
        gap: 3rem;
    }

    footer .socio {
        margin: auto;
    }

    footer .option.address {
        flex: 1;
    }

    footer .copyright {
        padding: 18px 0;
    }

    footer .redes {
        float: none;
        right: 0;
    }

    footer .option.container-footer-row2 {
        margin-top: 0;
        margin-right: auto;
        flex: none;
        display: block;
        text-align: center;
    }

        footer .option.container-footer-row2 .sello {
            margin-right: 0;
            max-width: 10rem;
        }

    .container-footer {
        margin-right: -15px !important;
    }

    .container-footer-row2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    footer .footer-albergue {
        top: 0
    }

    footer .redes a img {
        width: 3rem;
        height: 3rem;
    }

    .campana {
        margin-left: 20%;
    }
}



.mdlMje .modal-body p {
    font-size: 19px !important;
    font-weight: bold;
}

.mdlMje .modal-header {
    background-color: #ed1b34 !important;
}


.btn_cerrar {
    color: #5f5f5f;
    display: inline-block;
    transition-duration: 0.5s;
    border-radius: 8px;
    font-family: Arial_Rounded_Bold;
    /* background-color: #A1A6B0; */
    text-decoration: none;
    text-align: center;
    padding: 7px 20px;
    font-size: 14pt;
    transition-property: color, background-color;
    border: none;
    outline: none;
}


.powered {
    font-weight: 900;
    color: #fff;
    text-decoration: underline;
}

.phone {
    display: inherit;
    font-size: 22px;
    /*margin-left: 8px;*/
    font-weight: bold;
    font-family: Arial_Rounded_MT_Light;
    line-height: 1.2;
}

    .phone span {
        font-size: 29px;
        color: #ed1b34;
        font-weight: bolder;
    }

.div_qr_img {
    font-size: 20px;
    line-height: 1.2;
}

.div_rq_o {
    margin: 1rem 0;
}

.codQR {
    margin-top: 1rem;
}

.iconPago {
    /* margin-top: -2.5rem; */
    width: 100%;
}

#yape .btn_azulDona {
    margin: 5rem 0;
}

section#paypal {
    margin-bottom: 0;
}

    section#paypal .btn_azulDona {
        margin: 0 2.5rem;
    }

.pago_paypal {
    background: #fff;
    padding: 2rem;
    border-radius: 2.5rem;
    margin-bottom: 9rem;
}

    .pago_paypal .principal {
        margin-bottom: 2rem !important;
        margin-top: 0;
    }

    .pago_paypal img {
        max-height: 6rem;
        flex: none;
        margin-bottom: 2rem;
    }

.img_dona_bg {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

img#donate-button {
    max-width: 70%;
    margin-top: 1rem;
}

section#banco {
    margin-bottom: 0;
    padding-bottom: 4rem;
}
section#banco .card {
    background: #fff;
    padding: 2rem 1rem 3rem;
    border-radius: 2.5rem;
}

    section#banco .nav-tabs {
        display: flex;
        overflow: hidden;
        max-width: 520px;
        margin: 0 auto 2rem;
        width: 100%;
        border: none;
        gap: 1rem;
    }

        section#banco .nav-tabs li {
            margin-bottom: 0;
            font-size: 1.6rem;
            display: table;
            width: 50%;
        }

            section#banco .nav-tabs li.active a, section#banco .nav-tabs li.active a:focus, section#banco .nav-tabs li.active a:hover {
                background-color: var(--red);
                color: #fff;
                border: none;
                font-family: Gotham;
                font-weight: 500;
            }

            section#banco .nav-tabs li a {
                color: #606060;
                font-family: Gotham;
                font-weight: 500;
                line-height: 1;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                border: 1px solid #606060;
                border-radius: 5px;
            }

    section#banco .owl-carousel {
        max-width: 100rem;
        width: 100%;
        margin: auto;
        background: #fff;
        padding: 2rem 0;
        border-radius: 2.5rem;
    }

    section#banco .cta {
        border-bottom: 1px solid #eaeaea;
        font-size: 1.8rem;
        display: block;
        text-align: left;
        padding: 1.5rem 5%;
    }

        section#banco .cta:last-child {
            border: none;
        }

        section#banco .cta span {
            display: block;
            font-family: Gotham_Book;
            color: #606060;
        }

        section#banco .cta strong {
            display: block;
            color: #606060;
            font-weight: 500;
            font-family: Gotham;
        }

        section#banco .cta a {
            color: #5f5f5f;
            text-decoration: underline;
            cursor: pointer;
        }

        section#banco .cta img {
            width: 100%;
            max-width: 140px;
            height: 40px;
            object-fit: contain;
            margin: 2rem auto;
            display: block;
        }

.captcha {
    transform: scale(0.87);
    -webkit-transform: scale(0.87);
    /*transform-origin: 0 0;
    -webkit-transform-origin: 0 0;*/
}

.modal .modal-content .modal-header .close {
    display: none;
}

/*NOSOTROS*/

.nav-pills {
    display: flex;
    justify-content: center;
    max-width: 1250px;
    margin: 2rem auto 5rem;
    flex-wrap: wrap;
    gap: 3rem;
}

    .nav-pills::before, .nav-pills::after {
        display: none;
    }

    .nav-pills > li + li {
        margin-left: 0;
    }

    .nav-pills > li > a {
        border-radius: 36px;
        color: #5f5f5f;
        font-size: 17px;
        font-family: Arial_Rounded_Bold;
        border: 1px solid #283f42;
        text-align: center;
        padding: 10px 15px;
        width: 235px;
        max-width: 235px;
        height: 75px;
        display: table-cell;
        vertical-align: middle;
        background-color: #f7f7f7;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        background-color: #283f42;
    }

.dropdown.pills {
    max-width: 24rem;
    margin: auto auto 3rem;
}

    .dropdown.pills .dropdown-toggle {
        background: #283f42;
        color: #fff;
        font-size: 1.6rem;
        font-family: Arial_Rounded_Bold;
        padding: 1rem 2rem !important;
        border-radius: 2rem;
        min-width: 100%;
        border: 2px solid #283f42;
        border-bottom: none;
        outline: none;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        white-space: inherit;
    }

    .dropdown.pills.open .dropdown-toggle {
        background: #fff;
        color: #283f42;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .dropdown.pills .dropdown-menu {
        border-width: 2px;
        border-color: #283f42;
        border-top: none;
        margin: 0;
        box-shadow: none;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 2rem;
        border-bottom-right-radius: 2rem;
        width: 100%;
        padding: 0;
        overflow: hidden;
        min-width: 100%;
    }

    .dropdown.pills .dropdown-toggle svg {
        width: 20px;
        height: 10px;
        margin-left: 0.8rem;
        transition: .5s;
        flex: none;
    }

    .dropdown.pills.open .dropdown-toggle svg {
        transform: rotate(180deg);
    }

    .dropdown.pills .dropdown-menu > li > a {
        padding: 1rem 2rem;
        color: #283f42;
        font-family: Arial_Rounded_Bold;
        font-size: 1.6rem;
        white-space: inherit;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #e7e7e7;
}

.tab-content.nosotros {
    position: relative;
}

h1.descarga {
    margin-top: 85px;
    margin-bottom: 100px;
}

.nt-detalle {
    display: flex;
    justify-content: space-between;
    max-width: 1111px;
    margin: auto;
}

    .nt-detalle h2 {
        color: var(--blue);
        font-family: Arial_Rounded_Bold;
        margin-bottom: 25px;
    }

    .nt-detalle .texto {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 4.5rem;
        color: #5f5f5f;
        line-height: 1.5;
        flex: 1;
    }

    .nt-detalle p {
        font-size: 18px;
    }

    .nt-detalle strong, .nt-detalle span {
        font-size: 18;
    }

    .nt-detalle strong {
        font-family: Arial_Rounded_Bold;
    }

    .nt-detalle img {
        max-height: 412px;
        object-fit: cover;
        width: 55%;
        border-top-left-radius: 50px;
    }

.nosotros section#yape .title {
    max-width: 320px;
    margin: auto;
    text-align: left;
}

.nosotros section#yape p {
    font-size: 22px;
    max-width: 320px;
    margin: auto;
    text-align: left;
    margin-top: 60px;
    line-height: 1.2;
}

.section-nt {
    margin: 0 auto 9rem;
}

    .section-nt .title {
        margin-bottom: 7rem;
    }

.nt-circle-det {
    padding: 155px 0 15px;
}

    .nt-circle-det.small {
        padding: 0;
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
    }

        .nt-circle-det.small h1 {
            margin-bottom: 70px;
        }

        .nt-circle-det.small .section-nt {
            margin-bottom: 22px;
        }

    .nt-circle-det .section-nt {
        display: flex;
        justify-content: space-between;
    }

        .nt-circle-det .section-nt.right {
            flex-direction: row-reverse;
        }

    .nt-circle-det.small img {
        width: 300px;
        height: 300px;
    }

    .nt-circle-det.small .texto {
        max-width: 480px;
        padding: 0;
    }

    .nt-circle-det img {
        width: 420px;
        border-radius: 50%;
        object-fit: cover;
        height: 420px;
    }

    .nt-circle-det .texto {
        max-width: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 20px;
        padding: 0 75px;
    }

        .nt-circle-det .texto h2 {
            color: #ed1b34;
            font-family: Arial_Rounded_Bold;
        }

        .nt-circle-det .texto h3 {
            color: #5f5f5f;
            font-family: Arial_Rounded_Bold;
            font-size: 26px;
            margin-bottom: 35px;
        }

.form-contac form {
    background-color: #fff;
    padding: 60px;
    border-top-left-radius: 50px;
    -webkit-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
}

.form-contac p {
    font-size: 20px;
    margin-bottom: 60px;
}

.form-contac h2 {
    color: #283f42;
    font-family: Arial_Rounded_Bold;
    margin: 30px 0;
    font-size: 24px;
}

.form-contac li {
    font-size: 24px;
    position: relative;
    padding-left: 70px;
    margin-bottom: 12px;
}

    .form-contac li img {
        position: absolute;
        left: 20px;
        max-width: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.border-left {
    border-left: 1px solid #d4d1d0;
}

.box_frase {
    text-align: center;
    padding: 4rem 6rem;
    background-color: #fff;
    border-top-left-radius: 50px;
    -webkit-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -17px rgba(0, 0, 0, 0.75);
}

    .box_frase p {
        color: #173748;
        font-size: 24px;
        font-style: italic;
        line-height: 1.2;
    }

.aliados {
    max-width: 1100px;
    margin: auto;
}

    .aliados h2 {
        font-size: 40px;
        font-family: 'Arial Rounded MT';
        color: #5e6166;
        line-height: 1;
        margin: 7rem 0 5rem;
    }

.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
}

    .owl-carousel .owl-nav button {
        position: absolute;
        background: none;
        border: none;
        outline: none;
        width: 40px;
        height: 40px;
        font-size: 0;
    }

        .owl-carousel .owl-nav button.disabled {
            opacity: 0.5;
        }

        .owl-carousel .owl-nav button.owl-prev {
            background: url(../img/arrow-left1.png) no-repeat center left;
            background-size: contain;
            left: -8rem;
        }

        .owl-carousel .owl-nav button.owl-next {
            background: url(../img/arrow-right.png) no-repeat center right;
            background-size: contain;
            right: -8rem;
        }

.carousel-unete .item {
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
}

    .carousel-unete .item img {
        width: auto;
        height: auto;
        object-fit: contain;
    }

.carousel-unete {
    margin-bottom: 4rem;
}

    .carousel-unete:last-child {
        margin-bottom: 0;
    }

    .carousel-unete .owl-nav button {
        position: absolute;
        background: none;
        border: none;
        outline: none;
        width: 40px;
        height: 40px;
        font-size: 0;
    }

        .carousel-unete .owl-nav button.owl-prev {
            left: 0;
            background: url('../img/arrow-left1.png') no-repeat center left;
            background-size: contain;
            left: -50px;
        }

        .carousel-unete .owl-nav button.owl-next {
            right: 0;
            background: url('../img/arrow-right.png') no-repeat center;
            background-size: contain;
            right: -50px;
        }

    .carousel-unete .owl-dots {
        text-align: center;
        width: 100%;
        margin-top: 20px;
        left: 0;
    }

        .carousel-unete .owl-dots .owl-dot {
            background-color: transparent;
            border: none;
            padding: 0;
            outline: none;
        }

            .carousel-unete .owl-dots .owl-dot span {
                width: 12px;
                height: 12px;
                margin: 5px 7px;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity .2s ease;
                border-radius: 30px;
                border: 2px solid #173748;
            }

            .carousel-unete .owl-dots .owl-dot.active span {
                background-color: #173748;
            }

.video_play {
    max-width: 55rem;
    display: inline-block;
    position: relative;
}

    .video_play .img_video {
        height: 100%;
        margin: auto;
        width: 100%;
    }

#qs_mision .box_shadow_img .content {
    padding: 4rem 4rem 4rem 6rem;
}

    #qs_mision .box_shadow_img .content .title {
        font-size: 3.6rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }

    #qs_mision .box_shadow_img .content p {
        color: #5f5f5f;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 3rem;
    }

        #qs_mision .box_shadow_img .content p:last-child {
            margin-bottom: 0;
        }

        #qs_mision .box_shadow_img .content p span {
            font-size: 14px;
            display: block;
            margin-top: 1rem;
        }

#inversion .content {
    margin: auto;
}

#inversion img#chart {
    width: 90%;
}

#inversion h2 {
    text-transform: uppercase;
    font-size: 46px;
    color: #5f5f5f;
}

    #inversion h2 img {
        max-width: 45px;
        position: relative;
        top: -5px;
        margin-left: 10px;
    }

#inversion .porcentajes {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

    #inversion .porcentajes .box {
        background: url(../img/bg_cuadro.png) no-repeat left;
        background-size: cover;
        width: 168px;
        padding: 16px 8px;
        border-radius: 15px;
    }

        #inversion .porcentajes .box h1 {
            margin-top: 0;
            font-family: Arial_Rounded_Bold;
            font-size: 52px;
            color: #fff;
        }

        #inversion .porcentajes .box span {
            font-size: 16px;
            color: #fff;
            line-height: 1;
        }

.flex-container {
    display: flex;
    justify-content: center;
}

#administraciom_carousel .box_shadow_img .img_box {
    height: 270px;
}

    #administraciom_carousel .box_shadow_img .img_box img {
        object-position: top;
    }

#administraciom_carousel .box_shadow_img .content {
    padding: 3rem;
}

    #administraciom_carousel .box_shadow_img .content p {
        margin-bottom: 0;
    }

#administracion_carousel .img_box img {
    object-position: center 15%;
}

#administracion_carousel .item.logo {
    background-color: #fff;
}

    #administracion_carousel .item.logo img {
        width: 100%;
        height: 40rem;
        object-fit: contain;
    }

#section_administation .subtitle {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #5f5f5f;
    margin-bottom: 5rem;
}

@media only screen and (min-width: 761px) {
    #administracion_carousel .box_shadow_img .content {
        padding: 4rem 2rem;
    }

        #administracion_carousel .box_shadow_img .content p {
            font-size: 14px;
        }
}

section#nuestros_pilares {
    background-image: url(../img/fondo_voluntario.png);
    padding-bottom: 15rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    margin-bottom: 0;
}

    section#nuestros_pilares .row {
        margin-right: -3rem;
        margin-left: -3rem;
    }

        section#nuestros_pilares .row > div {
            padding-right: 3rem;
            padding-left: 3rem;
        }

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: center;
}

    .flex-wrap .box_shadow_img {
        max-width: 360px;
    }

section#nuestros_pilares .box_shadow_img .content {
    padding: 2rem;
}

section#nuestros_pilares .box_shadow_img h2 {
    color: var(--blue);
    font-family: Arial_Rounded_Bold;
    margin-top: 0;
    line-height: 1;
    flex: 1;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 760px) {
    .phone {
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
    }

        .phone span {
            font-size: 20px;
        }

    .div_rq_o {
        margin: 0.5rem 0;
        text-align: center;
    }

    .div_qr_img {
        font-size: 18px;
        text-align: center;
    }
    .codQR {
        margin-top: 4rem;
        width: 113%;
    }

    section#paypal .btn_azulDona {
        margin: 2rem 0;
    }

    .pago_paypal {
        flex-direction: column;
        align-items: center;
        margin-bottom: 4rem;
    }

        .pago_paypal img {
            max-height: 5rem;
            margin-left: 0;
        }

    img#donate-button {
        margin-top: 2rem;
    }

    .title img {
        /* display: none; */
        max-height: 12rem;
    }

    section#banco {
        padding-top: 2rem;
        background: transparent;
        padding-bottom: 3rem;
    }

        section#banco .owl-carousel {
            padding: 0;
            max-width: 80%;
            border-radius: 1.5rem;
            border: 1px solid #606060;
        }

    #banco .owl-carousel .owl-nav button.owl-prev {
        left: -3rem;
    }

    #banco .owl-carousel .owl-nav button.owl-next {
        right: -3rem;
    }

    section#banco .cta img {
        height: 3rem;
        margin: 0 0 2rem;
        width: auto;
    }

    section#banco .cta {
        border-bottom: none;
        font-size: 1.5rem;
        padding: 2rem 1.5rem;
    }

        section#banco .cta span {
            margin-bottom: 3px;
        }

    .aliados h2 {
        font-size: 22px;
        margin: 0rem 0 2rem;
    }

    .carousel-unete .item {
        width: 10rem;
    }

        .carousel-unete .item img {
            width: 100%;
        }

    .carousel-unete {
        padding: 0 30px;
        margin-bottom: 2rem;
    }

        .carousel-unete .owl-dots {
            top: auto;
        }

        .carousel-unete .owl-nav button {
            width: 30px;
            height: 30px;
        }

            .carousel-unete .owl-nav button.owl-prev {
                left: 0;
            }

            .carousel-unete .owl-nav button.owl-next {
                right: -5px;
            }

    .video_play {
        margin: 4rem auto;
    }

    .nav-pills {
        display: none;
    }

    h1.principal {
        margin-top: 5px;
        margin-bottom: 3rem;
        font-size: 28px;
    }

        h1.principal span {
            font-size: 1.8rem;
        }

    h1.descarga {
        margin-top: 10px;
        margin-bottom: 3rem;
        font-size: 23px;
    }

    .nt-detalle {
        flex-direction: column;
        padding: 0 15px;
        gap: 1.5rem;
    }

        .nt-detalle.reverse {
            flex-direction: column-reverse;
        }

        .nt-detalle .texto {
            padding: 0;
            display: block;
        }

        .nt-detalle p {
            font-size: 14px;
        }

        .nt-detalle img {
            width: 100%;
            height: 20rem;
            border-top-left-radius: 25px;
        }

    .section-nt {
        margin-bottom: 50px;
    }

        .section-nt .title {
            margin-bottom: 2.5rem;
        }

    .img-inv {
        width: 100%;
        min-height: 150px;
    }

    #qs_mision {
        padding: 0 2rem;
    }

        #qs_mision .box_shadow_img .content {
            padding: 1.5rem;
        }

            #qs_mision .box_shadow_img .content .title {
                font-size: 24px;
                margin-top: 0;
            }

            #qs_mision .box_shadow_img .content p {
                font-size: 13px;
                line-height: 1.2;
            }

                #qs_mision .box_shadow_img .content p span {
                    font-size: 9px;
                }

    #qs_mision_carousel {
        padding: 0;
    }

        #qs_mision_carousel.owl-carousel .owl-nav button.owl-prev {
            left: -4.2rem;
        }

        #qs_mision_carousel.owl-carousel .owl-nav button.owl-next {
            right: -4.2rem;
        }

    #inversion h2 {
        font-size: 22px;
        margin-bottom: 0;
    }

        #inversion h2 img {
            max-width: 20px;
        }

    #inversion .porcentajes {
        display: block;
        margin-top: 30px;
    }

        #inversion .porcentajes .box {
            width: 50%;
            display: inline-block;
            margin: 2px 0;
            min-height: 137px;
            vertical-align: top;
            padding: 16px;
        }

            #inversion .porcentajes .box h1 {
                font-size: 32px;
            }


    .nt-circle .circle {
        height: 288px;
        width: 288px;
        margin-bottom: 55px;
    }

    #administracion_carousel {
        margin: 0 -15px;
        overflow: hidden;
        padding: 0 0 0 15px;
        width: auto;
    }

        #administracion_carousel .owl-stage-outer {
            overflow: inherit;
        }

        #administracion_carousel .item {
            width: 27rem;
        }

            #administracion_carousel .item.logo img {
                height: auto;
            }

    #section_administation .subtitle {
        font-size: 24px;
        margin-bottom: 2rem;
    }

    .administation_grid_one {
        margin-top: 4rem;
    }

        .administation_grid_one .item.lvl-6 {
            max-width: 270px;
            margin: auto;
        }

    .owl-carousel {
        padding: 0 2rem;
    }

        .owl-carousel .owl-nav {
            height: 20px;
        }

            .owl-carousel .owl-nav button {
                width: 20px;
                height: 20px;
            }

                .owl-carousel .owl-nav button.owl-prev {
                    left: -.7rem;
                }

                .owl-carousel .owl-nav button.owl-next {
                    right: -.7rem;
                }

    section#nuestros_pilares .box_shadow_img .content {
        padding: 1.5rem 1rem;
    }

    section#nuestros_pilares .box_shadow_img h2 {
        font-size: 25px;
    }

    section#nuestros_pilares .container-fluid {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    section#nuestros_pilares {
        padding-bottom: 5rem;
    }

    #hpc_problematica {
        margin: 0 1.5rem;
    }

        #hpc_problematica ul li {
            font-size: 14px;
            margin-bottom: 1rem;
            line-height: 1.1;
        }

    .bg_red_border_bottom {
        padding: 3rem 0 6rem;
    }

    #titlePonleCorazon {
        font-size: 1.8rem;
    }

    #objetivos_proyecto_carousel .item {
        padding: 2rem 3rem;
    }

        #objetivos_proyecto_carousel .item img {
            max-height: 10rem;
        }

        #objetivos_proyecto_carousel .item p {
            font-size: 16px;
            margin-top: 1rem;
        }

    #servicios h6 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

        #servicios h6 img {
            max-height: 5rem;
            margin-right: 1rem;
        }

    #servicios ul {
        font-size: 1.4rem;
        padding-left: 6.5rem;
    }

    #servicios_carousel .box_shadow_img .img_box {
        height: 26rem;
    }

    section#impacto.nt-detalle img {
        width: 100%;
    }

    section#impacto .texto {
        padding-left: 0;
    }

        section#impacto .texto p, section#impacto .texto strong {
            font-size: 14px;
            text-align: justify;
        }

    .text_tipo_cancer {
        font-size: 1.4rem;
        margin-bottom: 4rem;
    }

    #tipo_cancer_carousel .item img {
        max-height: 6.5rem;
    }

    #tipo_cancer_carousel .item p {
        font-size: 1.6rem;
    }

    #objetivos_generales p {
        font-size: 1.5rem;
        max-width: initial;
    }

    #objetivos_generales h3 {
        font-size: 2rem;
        margin-bottom: 3rem;
    }

    #objetivos_general_carousel {
        padding: 0 4rem;
    }

    #objetivos_generales .item {
        padding: 2.5rem;
    }

    #objetivos_generales .owl-item {
        padding-top: 3.5rem;
    }

    #objetivos_generales .item {
        border-radius: 2rem;
    }

        #objetivos_generales .item img {
            margin-top: -6rem;
        }

        #objetivos_generales .item span {
            font-size: 2rem;
            margin-top: 2.5rem;
        }

    #proyecto_SEPA {
        padding: 0;
        gap: 2rem;
    }

        #proyecto_SEPA .item img {
            width: 5rem;
            height: 5rem;
            max-height: 5rem;
            margin-right: 2rem;
        }

        #proyecto_SEPA .item p strong {
            font-size: 14px;
        }

        #proyecto_SEPA img.b-lazy {
            width: initial;
        }

    #embajadores_carousel .box_shadow_img .img_box {
        height: 16em;
    }

    #embajadores_carousel .box_shadow_img .content h6 {
        margin-top: 0;
    }

    #embajadores_carousel .box_shadow_img .content {
        justify-content: flex-start;
    }

    #aliados_SEPA {
        padding: 4rem 0;
    }

        #aliados_SEPA p {
            font-size: 14px;
        }

        #aliados_SEPA .logos {
            gap: 2rem;
            margin-top: 2.5rem;
        }

            #aliados_SEPA .logos img {
                max-width: 12rem;
                flex: none;
                object-fit: contain;
            }

    section#observatorio {
        background-image: none;
        padding-bottom: 0;
    }

        section#observatorio p {
            font-size: 1.6rem;
            margin-top: 0;
        }

        section#observatorio .btn_azul {
            margin-top: 2rem;
        }

    #fines_institucionales {
        padding: 0 1rem;
    }

    section#fines_institucionales .box_shadow_img h2 {
        font-size: 2.2rem;
    }

    #fines_institucionales .content.text-center {
        padding: 2rem;
    }

    #fines_institucionales .box_shadow_img .content p {
        font-size: 13px;
        line-height: 1.2;
    }

    #fines_institucionales .box_shadow_img .img_box {
        height: 13em;
    }

    section#fines_institucionales .flex-wrap {
        gap: 4rem;
    }

    #carouselVoluntario .owl-nav {
        display: none;
    }

    .owl-carousel .owl-dots {
        text-align: center;
        width: 100%;
    }

        .owl-carousel .owl-dots .owl-dot span {
            border: 1px solid #173748;
            margin: 2px;
            width: 8px;
            height: 8px;
        }

        .owl-carousel .owl-dots .owl-dot.active span {
            background-color: #173748;
        }

    .nt-circle p:last-child {
        margin-bottom: 0;
    }

    .bg_white.section-nt .col-md-6:first-child {
        margin-bottom: 60px;
    }

    .border-left {
        border: none;
    }

    .nt-circle-det {
        padding: 15px 0 15px;
    }

        .nt-circle-det .section-nt {
            display: block;
            text-align: center;
            margin-bottom: 65px;
        }

        .nt-circle-det img {
            width: 288px;
            height: 288px;
            margin: auto;
        }

        .nt-circle-det .texto {
            padding: 0;
        }

            .nt-circle-det .texto p {
                text-align: left;
                font-size: 18px;
            }

    section.nt-detalle.albergue {
        display: block;
    }

    .nt-detalle.albergue .texto {
        display: inline-grid;
    }

    .nt-detalle h2 {
        font-size: 20px;
    }

    .nt-detalle strong, .nt-detalle span {
        font-size: 17px;
    }

    section.bg_white.small {
        padding: 30px 18px;
        margin-left: 0;
        margin-right: 0;
    }

        section.bg_white strong.frase, section.bg_white.small p {
            font-size: 14px;
            max-width: initial;
            text-align: justify;
        }

        section.bg_white.small .servicios-sepa {
            font-size: 14px;
        }

            section.bg_white.small .servicios-sepa li {
                margin-bottom: 1rem;
            }

                section.bg_white.small .servicios-sepa li img {
                    margin-right: 1rem;
                    margin-bottom: 0;
                    margin-top: 0;
                }

    .nt-circle .circle.small {
        max-width: 292px;
        max-height: 292px;
        width: 100%;
        height: 292px;
    }

    .nt-circle-det.small h1 {
        margin-bottom: 50px;
        font-size: 30px;
    }

    .nt-circle-det.small img {
        width: 280px;
        height: 280px;
        margin-bottom: 42px;
    }

    .nt-circle-det.small .texto {
        padding: 0 10px;
        text-align: left;
        font-size: 18px;
    }

    .nt-circle-det .texto h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    section.bg_white.small h2.title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    section.bg_white.small img.imgCol {
        max-height: 104px;
    }

    .bg_white.section-nt.small .col-md-6:first-child {
        margin-bottom: 0;
    }

    section#yape .title img {
        max-height: 62px;
    }

    section#yape p.m-v {
        font-size: 16px;
        text-align: center;
        margin-top: 30px;
    }

    section#yape i.m-v {
        text-align: center;
        font-size: 14px;
    }

    .row.line::before {
        display: none
    }

    section#mision .box.lg {
        max-width: initial;
        padding: 0;
    }

        section#mision .box.lg h2 {
            font-size: 24px;
        }

        section#mision .box.lg h4 {
            font-size: 30px;
        }

    .bg_transparent {
        padding: 0 0 25px;
    }

        .bg_transparent p {
            font-size: 18px;
            padding: 0 10px;
        }

    .title.margin {
        margin: 25px 0 26px;
    }

    .title p {
        font-size: 18px;
    }

    .form-contac form {
        padding: 50px 18px 32px;
        /*Agregado*/
        display: block !important;
    }

    .form-contac p {
        font-size: 18px;
        margin-bottom: 35px;
    }

    .form-contac h2 {
        margin: 50px 0 40px;
    }

    .form-contac li {
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    /*Agregado*/
    .form-contac img {
        max-height: 296px;
    }

    #map_contacto {
        width: 100% !important;
        height: 285px !important;
    }

    section#proyects {
        margin-bottom: 285px;
    }

    .carousel-vol {
        display: flex;
        flex-direction: column-reverse;
    }

    #video_voluntario .title {
        margin-bottom: 2rem;
    }

    #carouselVoluntario .item img {
        width: 290px !important;
        height: 290px !important;
        float: none !important;
        margin: auto;
    }

    .modal-sm {
        max-width: 300px;
        margin: 10px auto;
    }

    .box_frase {
        padding: 3rem 1.5rem;
        border-top-left-radius: 3rem;
    }

        .box_frase p {
            font-size: 14px;
        }

    .campana {
        margin-left: 0%;
    }
}

@media only screen and (max-width: 320px) {
    .nt-circle .circle.small {
        height: 288px;
    }

    .campana {
        margin-left: 0%;
    }

    .svg {
        margin-top: 17%;
    }
}
/*----MAP----*/
#map_contacto {
    width: 430px;
    height: 322px;
    background-color: #CCC;
    margin-top: 50px;
}

    #map_contacto .gm-style-pbc {
        display: none;
    }

#msjExitoso label {
    display: block;
}

#msjExitoso span {
    display: block;
}

#msjExitoso img {
    max-width: 200px;
    margin-bottom: 20px;
}

#msjExitoso .form-group {
    margin-bottom: 15px;
}

#msjExitoso .modal-content {
    border-radius: 0;
    box-shadow: none;
}

#msjExitoso .btn {
    background-color: #c5313b;
    color: #fff;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 350px;
    }

    .campana {
        margin-left: 0%;
    }

    .campana_right {
        margin-right: 0px;
    }

    .play_unete {
        margin-top: 30%;
    }

    #multibannerColecta .item img {
        /* float: right; */
        object-fit: cover;
        object-position: left bottom;
        max-width: 950px;
        margin: auto;
    }
}

#mdlRechazadoSub {
    font-size: 15px !important;
}

/*Agregados*/

.img_box {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.play_content {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
}

.play {
    display: inline-block;
    margin-top: 108px;
    outline: none;
}



.svg {
    width: 50px;
    /*height: 196px;*/
    fill: #fff;
}

.margen_espacio {
    margin-bottom: 15px;
    /*width: 100%;*/
}

.container-footer-row1 {
    text-align: center;
    margin: auto;
    margin-top: -50px;
}

@media only screen and (min-width: 992px) {
    .campana {
        margin-left: 15%;
        width: 75%;
        max-height: 215px;
    }

    .campana_right {
        margin-right: 15%;
        width: 75%;
        max-height: 215px;
    }

    .img-one {
        width: 36%;
        max-height: 215px;
    }

    #socios-video .img-one {
        width: 36%;
        max-height: 100%;
    }
    #socios-video .svg {
        margin-top: 25%;
        width: 110px;
    }

    .play_campana {
        display: inline-block;
        margin-top: 75px;
        outline: none;
    }

    .play_socios {
        display: inline-block;
        margin-top: 126px;
        outline: none;
    }


    .play-left {
        padding-left: 75px;
    }

    .play-right {
        padding-right: 75px;
    }

    .play-top {
        padding-top: 15px;
    }

    .colecta {
        /*width: 86%;*/
    }

    .img_unete {
        max-width: 400px;
    }

    .play_unete {
        margin-top: 20%;
    }

    .modal-campania button.close {
        right: -3rem;
        top: 0;
    }

    .img_dona_bg {
        display: none;
    }
    #title-donar {
        font-size: 42px;
        margin-bottom: 4rem;
    }
    #title-donar span {
        font-family: Gotham_Book;
    }
    .content-donar {
        flex-direction: row;
        gap: 7rem;
    }
    .content-donar .content-left {
        flex: 1;
    }
    .content-donar #img-principal {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        height: 60rem;
    }
    .content-donar #img-principal.img-principal-socio {
        height: 48rem;
    }
    .content-donar .content-left p {
        font-size: 2rem;
    }
    .form-donar .radio-pills label.radio-inline {
        font-size: 1.6rem;
    }
}

.div_unete_img {
    text-align: center;
    margin-bottom: -8%;
    margin-top: -3%;
}

    .div_unete_img .img_box .play_content a {
        display: inline-block;
        margin-top: 55px;
        outline: none;
        padding-left: 20px;
    }

    .div_unete_img p {
        font-size: 24px;
        font-family: 'Arial Rounded MT';
    }

.modal-campania {
    width: 640px;
    position: relative;
}

    .modal-campania .form-group {
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }

    .modal-campania .modal-body {
        padding: 0;
    }

    .modal-campania .fondo-rojo {
        padding: 2.5rem;
        background-color: var(--red);
    }

    .modal-campania .logo1 {
        text-align: right;
    }

        .modal-campania .logo1 img {
            width: 58%
        }

    .modal-campania .logo2 {
        text-align: left;
    }

        .modal-campania .logo2 img {
            width: 58%
        }

    .modal-campania .logo3 img {
        width: 100%;
    }

    .modal-campania .fondo-rojo .btn {
        font-size: 3rem;
        border-radius: 3rem;
        font-weight: bold;
        background-color: #fff;
        padding: 3px 15px;
        color: var(--red);
        font-family: Arial_Rounded_Bold;
    }

    .modal-campania .footer {
        font-size: 20px;
        font-weight: bold;
        background-color: #fff;
        padding: 10px 12px;
        color: #ff303b;
        font-family: Arial_Rounded_Bold;
        display: block;
    }

@media only screen and (max-width: 846px) {
    .modal-campania {
        width: inherit;
        max-width: 640px;
        margin-top: 100px;
    }

        .modal-campania .logo1 img {
            width: 80%
        }

        .modal-campania .logo2 img {
            width: 80%
        }

        .modal-campania .logo3 img {
            width: 100%
        }

        .modal-campania .fondo-rojo {
            padding: 1rem;
        }

            .modal-campania .fondo-rojo .btn {
                font-size: 1.4rem;
                padding: 2px 5px;
            }
}

.campaniaDonaAqui {
    color: #337ab7;
    display: block;
    top: 86%;
    position: absolute;
    /*right: 202px;*/
    color: transparent;
    width: 640px;
    height: 75px;
}

    .campaniaDonaAqui:active {
        color: transparent;
    }
#faq-donar .card {
    background: #fff;
    border-radius: 2rem;
    padding: 2rem 2rem 3rem;
}
#faq-donar .principal {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 3rem;
}

.panel.panel-default {
    border: none;
    border-bottom: 1px solid #383838;
    border-radius: 0;
}
.panel-group .panel-heading {
    background: #fff;
    padding: 2rem 1rem 2rem 4rem;
    position: relative;
}
.panel-group .panel-heading::before {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: url("../img/icon/icon-arrow-bottom.png") no-repeat center;
    background-size: contain;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.panel-title {
    font-size: 2rem;
}
.panel-title a {
    text-decoration: none;
}
.panel-body {
    padding: 1rem 2rem 2rem;
    font-size: 1.5rem;
    border: none !important;
}

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

    .campaniaDonaAqui {
        right: 0px;
        height: 44px;
        width: 100%;
        top: 87%;
    }
    #faq-donar .principal {
        font-size: 2rem;
    }
    .panel-title {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 761px) {
    .navbar-nav {
        float: none;
        flex: 1;
        display: flex;
        justify-content: space-around;
    }

    #administracion_carousel {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 4rem;
    }

    .administation_grid_one {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 4rem;
        column-gap: 4rem;
    }

    #administracion_carousel .item.lvl-2 {
        grid-column: span 3;
        grid-row-start: 2;
    }

    #administracion_carousel .item.lvl-3 {
        grid-column: span 3;
        grid-row-start: 3;
    }

    #administracion_carousel .item.lvl-1:nth-child(1) {
        grid-row-start: 1;
        grid-column: 4 / span 3;
    }

    #administracion_carousel .item.lvl-1:nth-child(2) {
        grid-row-start: 1;
        grid-column: 7 / span 3;
    }

    #administracion_carousel .item.lvl-4.first {
        grid-column: 3 / span 3;
    }

    #administracion_carousel .item.lvl-4 {
        grid-row-start: 4;
        grid-column: span 3;
        left: -6rem;
        position: relative;
    }

    .administation_grid_one .item.lvl-5 {
        grid-row-start: 1;
        grid-column: 1 / span 12;
        position: relative;
        line-height: 1;
        margin: 3rem 0 1rem;
    }

    .administation_grid_one .item.lvl-6 {
        grid-row-start: 2;
        grid-column: 6 / span 3;
        position: relative;
        left: -6rem;
    }
}

@media only screen and (min-width: 768px) {
    .sub-header .container-fluid {
        padding-right: 6%;
    }

    .navbar-collapse.collapse {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (min-width: 1600px) {
    .container {
        width: 1350px;
    }

    #administracion_carousel {
        grid-gap: 8rem;
    }

    #SEPA.banner_small_content h6 {
        font-size: 5rem;
        margin-top: 5rem;
        margin-bottom: 1.5rem;
    }

    #SEPA.banner_small_content .logo {
        max-width: 32rem;
    }

    #SEPA.banner_small_content strong {
        font-size: 4rem;
        padding: 1rem 2rem;
        border-radius: 30px;
    }
}



.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: rgb(41,167,26); /* WhatsApp color (in case you want a background color) */
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    z-index:99999;
}

    .whatsapp-button:hover {
        background-color: rgb(41,167,26);
    }

    .whatsapp-button:focus {
        outline: none;
    }

.whatsapp-logo {
    width: 75px;
    height: 75px;
}


.escribenos {
    color: #fff;
    background-color: var(--red);
    padding: 10px 20px;
}

    .escribenos:active {
        color: #fff;
    }
    .escribenos:hover {
        color: #fff;
    }

#msjNoCompletado p {
    margin-top: 25px;
    margin-bottom: 45px;
}

    #msjNoCompletado p span {
        margin-bottom: 30px;
        display: block;
    }


#msjNoCompletado .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    font-size: 32px;
    font-weight: 700;
    line-height: 0.5;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: .6;
}