@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../font/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../font/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../font/OpenSans/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'moon-get-heavy';
    src: url('../font/moon-get-heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Berlin-Sans-FB-Regular';
    src: url('../font/Berlin-Sans-FB-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratAlternates-Regular';
    src: url('../font/Montserrat/MontserratAlternates-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'MontserratAlternates-Light';
    src: url('../font/Montserrat/MontserratAlternates-Light.otf') format('truetype');
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    font-weight: 400;
    font-style: normal;
    font-family: 'MontserratAlternates-Regular';
}

    body.no-overflow {
        overflow: hidden;
    }

a:hover {
    text-decoration: none;
    color: #15cca9;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.site-wrapper-pincipal {
    background-color: #ffffff;
    position: relative;
}



/****************************FONDO PRINCIPAL*****************************/
.fondo-principal-area {
    /*background-image: url(../../images/urbe/banner_defecto.jpg) !important;*/
    background-image: url(../../images/urbe/mudanza.jpg) !important;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
    /*background-repeat: no-repeat;*/
}

.principal-imagen {
    z-index: 1;
    position: relative;
    justify-content: center;
    display: flex;
}

.titulo-Black-1 h1 {
    color: #000;
    font-size: 40px;
    font-family: 'OpenSans-ExtraBold';
}

.titulo-Black-1 h2 {
    color: #000;
    font-size: 30px;
}

.titulo-gris-1 h1 {
    color: #666666;
    font-size: 40px;
    font-family: 'Berlin-Sans-FB-Regular';
}


@media only screen and (max-width: 991px) {
    .titulo-Black-1 h1 {
        font-size: 35px;
    }

    .titulo-gris-1 h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .titulo-Black-1 h1 {
        font-size: 25px;
    }

    .titulo-Black-1 h2 {
        font-size: 20px;
    }

    .titulo-gris-1 h1 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .titulo-Black-1 h1 {
        font-size: 20px;
    }

    .titulo-Black-1 h2 {
        font-size: 18px;
    }

    .titulo-gris-1 h1 {
        font-size: 18px;
    }
}

.title__text {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .title__text {
        padding: 0px 10px 250px 10px;
    }
}

.seccion-main-content {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom 180px center;
    margin-top: -180px;
}

.active-superior-1 {
    position: relative;
    z-index: 1;
}
/****************** feature icon list ***********************/
.feature-content {
    padding-left: 15px;
    padding-right: 15px;
}

/************************** PADDING *****************************/
.section-space-tb_80 {
    padding-top: 80px;
}

.section-space-tb_120 {
    padding-top: 120px;
}

.section-space-pb_100 {
    padding-bottom: 100px;
}

.section-space--pb_120 {
    padding-bottom: 120px;
}

.section-space--pb_240 {
    padding-bottom: 240px;
}

.section-space-pt-reg_120 {
    padding-top: 120px;
}

.section-space-pb_rer_100 {
    padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space-tb_80 {
        padding-top: 30px;
    }

    .section-space-tb_120 {
        padding-top: 40px;
    }


    .section-space--pb_100 {
        padding-bottom: 20px;
    }

    .section-space--pb_120 {
        padding-bottom: 80px;
    }

    .section-space--pb_240 {
        padding-bottom: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .section-space-pt-reg_120 {
        padding-top: 0px;
    }

    .section-space-pb_rer_100 {
        padding-bottom: 0px;
    }

    .section-space-tb_120 {
        padding-top: 40px;
    }

    .section-space-tb_80 {
        padding-top: 30px;
    }

    .section-space--pb_120 {
        padding-bottom: 60px;
    }
}

.section-space--ptb_30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-space--pt_50 {
    padding-top: 50px;
}
/**********************MARGENES******************************/
.section-space-input-mt_30 {
    margin-top: 30px;
}

.section-space-mb_10 {
    margin-bottom: 10px;
}

.section-space--mt_0 {
    margin-top: 0px;
}

.section-space--mt_20 {
    margin-top: 20px;
}

.section-space-mt_50 {
    margin-top: 50px;
}

.section-space-mb_20 {
    margin-bottom: 20px;
}

.section-space-mb_reg--20 {
    margin-bottom: -20px;
}

.section-space-mb_pro-50 {
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .section-space-mb_reg--20 {
        margin-bottom: -250px;
    }
}

@media only screen and (max-width: 767px) {
    .section-space-mb_reg--20 {
        margin-bottom: -250px;
    }
}
/************************ wavify wrapper ************************/
.wavify-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .wavify-wrapper svg {
        height: 380px;
    }

    .wavify-wrapper.top {
        top: 0;
    }

    .wavify-wrapper.app-landing-screnshot svg {
        height: 180px;
    }

    .wavify-wrapper.theme-two_lg svg {
        height: 550px;
    }

    .wavify-wrapper.rotate_wavify {
        bottom: 0;
        -webkit-transform: translateY(-50%) rotateZ(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotateZ(180deg);
    }

        .wavify-wrapper.rotate_wavify svg {
            height: 450px;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-30%) rotateZ(180deg);
        -ms-transform: translateY(-30%) rotate(180deg);
        transform: translateY(-30%) rotateZ(180deg);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-100%) rotateZ(180deg);
        -ms-transform: translateY(-100%) rotate(180deg);
        transform: translateY(-100%) rotateZ(180deg);
    }
}

@media only screen and (max-width: 767px) {
    .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-100%) rotateZ(180deg);
        -ms-transform: translateY(-100%) rotate(180deg);
        transform: translateY(-100%) rotateZ(180deg);
    }
}

.wavify-wrapper.drak_hero {
    z-index: 3;
}

    .wavify-wrapper.drak_hero svg {
        height: 200px;
    }

.wavify-wrapper.wavify-lg svg {
    height: 680px;
}

.wavify-wrapper.payment_feature svg {
    height: 936px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

@media only screen and (max-width: 767px) {
    .wavify-wrapper.payment_feature {
        -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.wavify-wrapper.hero-white svg {
    height: 260px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .software-contact__images .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-60%) rotateZ(180deg);
        -ms-transform: translateY(-60%) rotate(180deg);
        transform: translateY(-60%) rotateZ(180deg);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .software-contact__images .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(-40%) rotateZ(180deg);
        -ms-transform: translateY(-40%) rotate(180deg);
        transform: translateY(-40%) rotateZ(180deg);
    }
}

@media only screen and (max-width: 767px) {
    .software-contact__images .wavify-wrapper.rotate_wavify {
        -webkit-transform: translateY(0%) rotateZ(180deg);
        -ms-transform: translateY(0%) rotate(180deg);
        transform: translateY(0%) rotateZ(180deg);
    }
}
/*=============================================
=              05. Header Css            =
=============================================*/
.header-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: .95s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .95s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 2;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #CE0E2D;
}

    .header-area.is-sticky .navigation-menu > ul > li > a {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .header-area.is-sticky .navigation-menu--text_white > ul > li > a {
        color: #fff;
    }

        .header-area.is-sticky .navigation-menu--text_white > ul > li > a > span:after {
            background-color: #fff;
        }

    .header-area.is-sticky .navigation-menu--text_white > ul > li.active > a {
        color: #ff9b00;
    }

        .header-area.is-sticky .navigation-menu--text_white > ul > li:hover > a:after, .header-area.is-sticky .navigation-menu--text_white > ul > li.active > a:after {
            color: #fff;
        }

        .header-area.is-sticky .navigation-menu--text_white > ul > li:hover > a > span, .header-area.is-sticky .navigation-menu--text_white > ul > li.active > a > span {
            color: #fff;
        }



    .header-area.is-sticky .header-button.button--white > a {
        padding: 0 28px;
        height: 46px;
        line-height: 46px;
    }

        .header-area.is-sticky .header-button.button--white > a.btn {
            color: #15cca9;
            border: 2px solid #15cca9;
        }

            .header-area.is-sticky .header-button.button--white > a.btn:hover {
                -webkit-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                transform: translateY(-3px);
                border-color: transparent;
                background-image: -webkit-linear-gradient(232deg, #5BDFCA 0, #7BEFD9 50%, #5BDFCA 100%);
                background-image: -o-linear-gradient(232deg, #5BDFCA 0, #7BEFD9 50%, #5BDFCA 100%);
                background-image: linear-gradient(218deg, #13BAB8 0, #77EEDB 50%, #13BAB8 100%);
                background-size: 200% auto;
                background-position: left center;
                color: #ffffff;
            }

    .header-area.is-sticky .header__logo .dark-logo {
        display: inherit;
    }

    .header-area.is-sticky .header__logo .light-logo {
        display: none;
    }

    .header-area.is-sticky.header-style-three {
        min-height: 80px;
    }

        .header-area.is-sticky.header-style-three .search-icon > a, .header-area.is-sticky.header-style-three .minicart-wrapper .minicart-icon {
            color: #15cca9;
        }

            .header-area.is-sticky.header-style-three .minicart-wrapper .minicart-icon .cart_count {
                color: #fff;
                background: #15cca9;
            }

        .header-area.is-sticky.header-style-three .header-button a {
            color: #15cca9;
            border: 2px solid #15cca9;
            background: transparent;
            padding: 0 25px;
            line-height: 48px;
        }

            .header-area.is-sticky.header-style-three .header-button a:hover {
                -webkit-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                transform: translateY(-3px);
                border-color: transparent;
                background-image: -webkit-linear-gradient(232deg, #5BDFCA 0, #7BEFD9 50%, #5BDFCA 100%);
                background-image: -o-linear-gradient(232deg, #5BDFCA 0, #7BEFD9 50%, #5BDFCA 100%);
                background-image: linear-gradient(218deg, #13BAB8 0, #77EEDB 50%, #13BAB8 100%);
                background-size: 200% auto;
                background-position: left center;
                color: #ffffff;
            }

        .header-area.is-sticky.header-style-three .hidden-icons-menu a {
            color: #fff;
        }

    .header-area.is-sticky .icon-color-white .search-icon > a, .header-area.is-sticky .icon-color-white .minicart-wrapper .minicart-icon {
        color: #15cca9;
    }

        .header-area.is-sticky .icon-color-white .minicart-wrapper .minicart-icon .cart_count {
            color: #fff;
            background: #15cca9;
        }

    .header-area.is-sticky .open-main-menu-icon:hover i, .header-area.is-sticky .mobile-navigation-icon:hover i {
        background-color: #fff;
    }

    .header-area.is-sticky .open-main-menu-icon i, .header-area.is-sticky .mobile-navigation-icon i {
        background-color: #fff;
    }

        .header-area.is-sticky .open-main-menu-icon i:before, .header-area.is-sticky .mobile-navigation-icon i:before {
            background-color: #fff;
        }

        .header-area.is-sticky .open-main-menu-icon i:after, .header-area.is-sticky .mobile-navigation-icon i:after {
            background-color: #fff;
        }

    .header-area.is-sticky .header__actions--four .ht-social-networks .item a {
        color: #7e7e7e;
    }

        .header-area.is-sticky .header__actions--four .ht-social-networks .item a:hover {
            color: #ffffff;
        }

.header-area--absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-area--absolute {
        position: static;
    }
}

.header-area--absolute__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {


    .header-area--absolute {
        background: #ce0e2d;
    }

    .header-style-three.header-area--absolute {
        position: absolute;
        background: #000;
    }
}

.header-style-three.header-area--absolute.is-sticky {
    position: fixed;
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* logo */
    /* navigation */
    /* header action */
}

.header__logo {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__logo {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
}

@media only screen and (max-width: 575px) {
    .header__logo {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.header__logo > a img {
    width: 180px;
}

.header__logo .dark-logo {
    display: none;
}

.header__logo .light-logo {
    display: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__logo > a img {
        width: 120px !important;
    }

    .header__logo .dark-logo {
        display: inherit;
    }

    .header__logo .light-logo {
        display: none;
    }
}

.header__navigation {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .header__navigation .navigation-menu > ul > li > a {
        padding: 50px 25px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header__navigation .navigation-menu > ul > li > a {
        padding: 50px 15px;
    }
}

.header__navigation--four {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.header__actions {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header__actions {
        -webkit-flex-basis: 26%;
        -ms-flex-preferred-size: 26%;
        flex-basis: 26%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__actions {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .header__actions {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.header__actions--four {
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header__actions--four {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__actions--four {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__actions--four {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .header__actions--four {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.header__actions--four .ht-social-networks .item a {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__actions--four .ht-social-networks .item a {
        color: #7e7e7e;
    }

        .header__actions--four .ht-social-networks .item a:hover {
            color: #ffffff;
        }
}

.header__actions--five {
    -webkit-flex-basis: 5%;
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__actions--five {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header__actions--five {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .header__actions--five {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.header__actions--five .search-icon > a {
    color: #333;
}

.header__icons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .header__icons-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px;
        -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        background-color: #ffffff;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}

@media only screen and (max-width: 767px) {
    .header__icons-wrapper.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        z-index: 999;
    }
}

.header--style-center .header__share {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header--style-center .header__share {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
}

@media only screen and (max-width: 767px) {
    .header--style-center .header__share {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }
}

@media only screen and (max-width: 575px) {
    .header--style-center .header__share {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header--style-center .header__navigation .navigation-menu > ul > li > a {
        padding: 40px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .header--style-center .navigation-menu {
        padding: 25px;
    }
}

.header--style-center .header__actions {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

    .header--style-center .header__actions .search-icon {
        padding-left: 15px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header--style-center .header__actions {
        -webkit-flex-basis: 22%;
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
    }

        .header--style-center .header__actions .ht-btn {
            padding: 0 24px;
        }

        .header--style-center .header__actions .header-button {
            padding-left: 20px;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header--style-center .header__actions {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .header--style-center .header__actions {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}
/*************************************************/
.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* logo */
    /* navigation */
    /* header action */
}

.header__logo {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.header__navigation {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .header__navigation .navigation-menu > ul > li > a {
        padding: 50px 25px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header__navigation .navigation-menu > ul > li > a {
        padding: 50px 15px;
    }
}

.header__navigation--four {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
/*============================== 
    - Navigation Menu Css
===============================*/
.navigation-menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .navigation-menu > ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #000;
        padding: 50px 25px;
    }

        .navigation-menu > ul > li > a > span {
            position: relative;
        }

            .navigation-menu > ul > li > a > span:after {
                content: '';
                width: 0;
                height: 1px;
                bottom: 0;
                position: absolute;
                left: auto;
                right: 0;
                z-index: -1;
                background-color: #333333;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

    .navigation-menu > ul > li.has-children > a {
        position: relative;
    }

        .navigation-menu > ul > li.has-children > a:after {
            position: static;
            margin-left: 5px;
            font-family: "Font Awesome 5 Pro";
            content: '\f107';
            font-size: 14px;
            vertical-align: middle;
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

    .navigation-menu > ul > li.has-children--multilevel-submenu {
        position: relative;
    }

    .navigation-menu > ul > li.has-children:hover .megamenu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .navigation-menu > ul > li.has-children:hover > .submenu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after {
        color: #333333;
    }

    .navigation-menu > ul > li:hover > a > span, .navigation-menu > ul > li.active > a > span {
        color: #333333;
    }

        .navigation-menu > ul > li:hover > a > span:after, .navigation-menu > ul > li.active > a > span:after {
            width: 100%;
            left: 0;
            right: auto;
        }

.navigation-menu--onepage > ul > li.active > a > span:after {
    display: none;
}

.navigation-menu--text_white > ul > li > a > span:after {
    background-color: #D11C20;
}

.navigation-menu--text_white > ul > li.active > a {
    color: #ce0e2d;
}

    .navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after {
        color: #818181;
    }

    .navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span {
        color: #D11C20;
    }
/***************************** INICIO FOOTER *********************************/
.padding-150 {
    padding-bottom: 150px;
}

.gb-footer {
    background: #ce0e2d;
    margin-top: 0px;
    bottom: 0;
    width: 100%;
    /*height: 150px;*/
    height: auto;
    z-index: 1;
    /*position: absolute !important;*/
}

.footer-copyright-area {
    padding-right: 15px;
    padding-left: 15px;
}

.footer-logo {
    width: 160px;
    height: auto;
}

.gb-footer .titulo-marca {
    color: #fff;
    margin-top: .8rem;
    font-family: 'OpenSans-Regular';
    font-weight: 600;
}

.gb-footer .texto-marca {
    color: #fff;
    font-family: 'OpenSans-Light';
}

    .gb-footer .texto-marca:hover {
        text-decoration: underline;
    }

.siguenos-mobil {
    display: none;
}

.siguenos-escritorio {
    display: block;
}

@media only screen and (max-width: 767px) {
    .footer-logo {
        width: 100px;
        height: auto;
    }

    .siguenos-mobil {
        display: block;
    }

    .siguenos-escritorio {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .footer-logo {
        width: 100px;
        height: auto;
    }
}

@media only screen and (max-width: 400px) {
    .footer-logo {
        width: 120px;
        height: auto;
    }
}

@media only screen and (min-width: 1800px) {
    /*.gb-footer {
        position: absolute;
    }*/
}
/***************************** FIN FOOTER *********************************/
/*================================ 
    - Mobile Menu Overlay Css
==================================*/
.mobile-menu-overlay, .page-oppen-off-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    overflow: auto;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    cursor: url(../../images/landing/light-close.png) 16 16, pointer;
    visibility: hidden;
    opacity: 0;
}

.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 400px;
    height: 100%;
    cursor: default;
    background-color: #ce0e2d;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-y: auto;
}

@media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
        width: 300px;
    }
}

.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
    visibility: visible;
    opacity: 1;
}

    .mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
    background-color: #000;
    padding: 15px 0;
}

    .mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon {
        position: relative;
        cursor: pointer;
        height: 40px;
        width: 40px;
        line-height: 40px;
        display: inline-block;
    }

        .mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
            position: absolute;
            top: 23px;
            left: 8px;
            content: '';
            width: 24px;
            height: 3px;
            background: #333333;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }


        .mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
            position: absolute;
            top: 23px;
            left: 8px;
            content: '';
            width: 24px;
            height: 3px;
            background: #333333;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }


        .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
    padding: 20px 40px 100px;
}


    .mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

        .mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
            display: block;
            color: #ffffff;
            padding-top: 18px;
            padding-bottom: 18px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
/********************** INICIO Mobile Mavigation BARRAS ************************/
.mobile-navigation-icon, .page-open-off-sidebar {
    width: 24px;
    height: 25px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 30px;
}

    .mobile-navigation-icon:hover i, .page-open-off-sidebar:hover i {
        background-color: #fff;
    }

        .mobile-navigation-icon:hover i:before, .page-open-off-sidebar:hover i:before {
            width: 80%;
            background-color: #fff;
        }

        .mobile-navigation-icon:hover i:after, .page-open-off-sidebar:hover i:after {
            background-color: #fff;
            width: 60%;
        }

    .mobile-navigation-icon i, .page-open-off-sidebar i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        height: 2px;
        background-color: #fff;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

        .mobile-navigation-icon i:before, .page-open-off-sidebar i:before {
            position: absolute;
            bottom: 8px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #fff;
            content: "";
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .mobile-navigation-icon i:after, .page-open-off-sidebar i:after {
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #fff;
            content: "";
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

/********************** FIN Mobile Mavigation BARRAS ************************/
/***********************************************SLIDER MARCAS *******************************************/


.Marquee {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    color: #fff;
    font-weight: 200;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

.Marquee-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

@media only screen and (max-width: 991px) {
    .Marquee-content {
        -webkit-animation: marquee 10s linear infinite running;
        -moz-animation: marquee 10s linear infinite running;
        -o-animation: marquee 10s linear infinite running;
        -ms-animation: marquee 10s linear infinite running;
        animation: marquee 10s linear infinite running;
    }
}

.Marquee-content:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.Marquee-tag {
    width: 100px;
    margin: 0 0.5em;
    padding: 0.5em;
    background: rgba(255,255,255,0.1);
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .Marquee-tag:hover {
        background: rgba(255,255,255,0.5);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        cursor: pointer;
    }

@-moz-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@-o-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
/***********************************************fin SLIDER MARCAS *******************************************/

.navigation-menu > ul > li > a {
    font-size: 16px;
}



.navigation-menu a.co-menu-signin span {
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    background: #c3242a;
    text-align: center;
    background-size: 200% auto;
    border-width: 1px;
    color: #ffffff;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    padding: 10px 20px;
}

    .navigation-menu a.co-menu-signin span:hover {
        background: rgb(195 36 42 / 73%);
        color: #fff !important;
        text-decoration: none;
    }

    .navigation-menu a.co-menu-signin span:after {
        content: '';
        width: 0;
        height: 0px;
        bottom: 0;
        position: absolute;
        left: auto;
        right: 0;
        z-index: -1;
        background-color: transparent;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }


@media all and (max-width:1199px) {
    .header__logo {
        -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        flex-basis: 85%;
    }
}

.img-fluid-logo {
    max-width: 50% !important;
    height: auto;
}

.img-fluid-principal {
    width: 100% !important;
    height: auto !important;
    max-width: 400px;
}

.portada-principal-imagen img {
    width: 100% !important;
    height: auto !important;
    max-width: 400px;
}

@media only screen and (min-width: 1800px) {
    .portada-principal-imagen img {
        width: 100% !important;
        height: auto !important;
        max-width: 80%;
    }

    .img-fluid-principal {
        width: 100% !important;
        height: auto !important;
        max-width: 80%;
    }
}

.nuestras-tiendas {
    color: #C2262C !important;
    font-size: 40px !important;
    font-weight: bold;
}

.banner-principal {
    width: 100% !important;
    height: auto !important;
}



.img-fluid-logo-movil-option {
    max-width: 150px;
    height: auto;
}


.btn-principal-1 {
    background: #fff;
    border-radius: 15px;
    padding: 5px 30px;
    color: #818181 !important;
    font-size: 30px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    animation: sombra-efecto 1.5s infinite;
}


@keyframes sombra-efecto {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgb(90 92 94 / 51%);
        -moz-box-shadow: 0px 0px 0px 1px rgb(90 92 94 / 51%);
        box-shadow: 0px 0px 0px 1px rgb(90 92 94 / 51%);
    }

    60% {
        -webkit-box-shadow: 0px 1px 0px 5px rgb(167 168 169 / 19%);
        -moz-box-shadow: 0px 1px 0px 5px rgb(167 168 169 / 19%);
        box-shadow: 0px 1px 0px 5px rgb(167 168 169 / 19%);
    }

    100% {
        -webkit-box-shadow: 0px -2px 2px 13px rgb(167 168 169 / 25%);
        -moz-box-shadow: 0px -2px 2px 13px rgb(167 168 169 / 25%);
        box-shadow: 0px -2px 2px 13px rgb(167 168 169 / 25%);
    }
}

.btn-principal-1:hover {
    cursor: pointer !important;
    background: #000;
    color: #fff !important;
}


.btn_redireccion {
    z-index: 1;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
}

.ea-salto {
    animation: saltaboton 2s infinite;
    animation-timing-function: ease-in;
    transition: .5s;
}

@keyframes saltaboton {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-12px);
    }

    60% {
        transform: translateX(-6px);
    }
}

@-moz-keyframes saltaboton {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-12px);
    }

    60% {
        transform: translateX(-6px);
    }
}

@keyframes saltaxbtn {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-7px);
    }

    60% {
        transform: translateY(-3px);
    }
}

@-moz-keyframes saltaxbtn {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-7px);
    }

    60% {
        transform: translateY(-3px);
    }
}



.click-to-wsp {
    background-color: transparent;
    z-index: 100;
    width: 90px;
    height: 50px;
    line-height: 47px;
    position: fixed;
    border-radius: 3px;
    right: 10px;
    bottom: 40px;
    text-align: center;
    font-size: 28px;
    color: #ffffff !important;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}


.img-barra-funcion {
    max-width: 900px;
    width: 100%;
    height: auto;
}


.funciones-title {
    background: linear-gradient(45deg, #f60607, #9e0000);
    color: #fff;
    font-size: 50px;
    font-family: 'Berlin-Sans-FB-Regular';
    padding: 12px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 5px solid #000;
}

@media only screen and (max-width: 991px) {
    .funciones-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 400px) {
    .funciones-title {
        font-size: 20px;
    }
}

.funciones-sub-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .funciones-sub-title h3 {
        color: #818184;
        font-size: 20px;
        text-align: center;
    }

.fondo-pasos-rojo {
    background-image: url(../images/landing/barra_roja.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
}

/**********************************************carousel**********************************************/


@media only screen and (max-width: 767px) {
    .productos-venta-content .carousel-indicators {
        margin-bottom: -70px;
    }
}

.productos-venta-content .carousel-control-prev-icon,
.productos-venta-content .carousel-control-next-icon {
    height: 40px;
    width: 40px;
    outline: #7B0506;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid #F80607;
    background: #F80607;
    background-image: none;
}

    .productos-venta-content .carousel-control-next-icon:after {
        content: '❯';
        font-size: 25px;
        color: #fff;
    }

    .productos-venta-content .carousel-control-prev-icon:after {
        content: '❮';
        font-size: 25px;
        color: #fff;
    }

.productos-venta-content .carousel-control-next, .carousel-control-prev {
    width: initial;
}

.productos-venta-content .carousel-indicators li {
    background-color: #F80607;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}



.content-productos {
    line-height: 500px;
}

.inner {
    display: inline-block;
    vertical-align: middle;
}

.line-item {
    line-height: normal;
}

.personaliza-row .row {
    display: -ms-flexbox;
    display: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.logo-producto {
    max-width: 250px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.fondo-producto {
    max-width: 350px;
    width: 100%;
    height: auto;
}

.desc-prod {
    font-size: 25px;
}

.portada-oculta-movil {
    display: block;
}

@media only screen and (max-width: 767px) {
    .fondo-producto {
        max-width: 200px;
    }

    .desc-prod h2 {
        font-size: 18px;
    }

    .logo-producto {
        max-width: 150px;
    }

    .portada-oculta-movil {
        display: none;
    }
}

.btn-producto-site-web {
    border-radius: 15px;
    padding: 5px 30px;
    margin-top: 20px;
    color: #fff !important;
    font-size: 20px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

    .btn-producto-site-web:hover {
        cursor: pointer !important;
        background: #000 !important;
        color: #fff !important;
    }




.icono-representcion-negocio {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 768px) {
    .elmento-mostrar-desk {
        display: block;
    }

    .elmento-mostrar-movil {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .elmento-mostrar-desk {
        display: none;
    }

    .elmento-mostrar-movil {
        display: block;
    }

    .icono-representcion-negocio {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
}

.bg-gradients-plomo {
    position: relative;
    width: 100%;
    height: 2px;
    background: #b3b3b3;
    margin-top: 20px;
    margin-bottom: 40px;
}

.beficio-content {
    border: 1px solid #818184;
    border-radius: 50px;
    padding: 20px 20px;
    margin: 20px 0px;
}

    .beficio-content h1 {
        font-size: 40px;
        font-family: 'Berlin-Sans-FB-Regular';
        color: #9A9A9A;
        margin-bottom: 20px;
    }

    .beficio-content h2 {
        font-size: 23px;
        font-family: 'MontserratAlternates-Regular';
        color: #000;
    }

    .beficio-content img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }

.bg-resumen-somos {
    border: 1px solid #818184;
    border-radius: 20px;
    padding: 50px 20px;
}

    .bg-resumen-somos p {
        font-size: 26px;
        color: #818184;
    }

.contenido-titulo-b {
    width: 100%;
    line-height: 0rem;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-socios h2 {
    margin: 20px 0px;
    color: #9A9A9A;
    font-family: 'MontserratAlternates-Regular';
    font-size: 20px;
}

    .title-socios h2 span {
        color: #000;
    }

.title-socios-estrategicos h2 {
    font-size: 40px;
    font-family: 'Berlin-Sans-FB-Regular';
    color: #000;
}

.title-socios-estrategicos h3 {
    font-size: 30px;
    font-family: 'Berlin-Sans-FB-Regular';
    color: #000;
}

.power-by-img {
    max-width: 150px;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 991px) {
    .beficio-content img {
        max-width: 300px;
    }

    .beficio-content h1 {
        font-size: 35px;
    }

    .beficio-content h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .beficio-content img {
        max-width: 200px;
    }

    .beficio-content h1 {
        font-size: 25px;
    }

    .beficio-content h2 {
        font-size: 18px;
    }

    .bg-resumen-somos p {
        font-size: 20px;
    }

    .contenido-titulo-b {
        height: 50px;
    }

    .title-socios h2 {
        font-size: 18px;
    }

    .title-socios-estrategicos h2 {
        font-size: 30px;
    }

    .title-socios-estrategicos h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .beficio-content h1 {
        font-size: 20px;
    }

    .beficio-content h2 {
        font-size: 16px;
    }

    .bg-resumen-somos p {
        font-size: 17px;
    }

    .title-socios-estrategicos h2 {
        font-size: 23px;
    }
}

.sombra {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.registro-titulos-1 h2 {
    color: #000;
    font-size: 50px;
    font-family: 'Berlin-Sans-FB-Regular';
}

@media only screen and (max-width: 767px) {
    .registro-titulos-1 h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 370px) {
    .registro-titulos-1 h2 {
        font-size: 20px;
    }
}

.item-data {
    background: linear-gradient(45deg,#9e0000, #f60607);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-top: 10px;
    padding: 0px 17px;
    color: #666;
    margin-right: 10px;
}

.titles-input-reg {
    font-family: 'MontserratAlternates-Regular';
    font-size: 26px;
    color: #000;
    padding-bottom: 0px !important;
    margin: 0px;
}

.text-input-reg {
    font-size: 20px;
    color: #000;
    font-family: 'MontserratAlternates-Regular';
    border: 2px solid #BABABA;
    border-radius: 12px;
}

    .text-input-reg:disabled {
        cursor: no-drop;
    }

.text-input-reg-doc {
    font-size: 20px;
    color: #000;
    font-family: 'MontserratAlternates-Regular';
    border: 2px solid #BABABA;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.btn-buscar {
    border: 2px solid #BABABA;
    border-left-color: transparent;
    border-bottom-right-radius: 12px !important;
    border-top-right-radius: 12px !important;
    height: 44px;
}

    .btn-buscar:hover {
        border: 2px solid #f60607;
        background: linear-gradient(45deg,#9e0000, #f60607);
        color: #fff;
    }

.btn-buscar-loading {
    background: linear-gradient(45deg,#9e0000, #f60607);
    border: 2px solid #BABABA;
    border-left-color: transparent;
    border-bottom-right-radius: 12px !important;
    border-top-right-radius: 12px !important;
    height: 44px;
    color: #ffffff !important;
}


.margen-info-reg {
    margin-bottom: 30px;
}

.titles-select-reg {
    font-size: 20px;
    color: #000;
    font-family: 'MontserratAlternates-Regular';
    border: 2px solid #BABABA;
    border-radius: 12px;
}

@media only screen and (max-width: 1199px) {
    .item-data {
        padding: 0px 14px;
    }

    .titles-input-reg {
        font-size: 21px;
    }

    .titles-select-reg {
        font-size: 21px;
    }
}

@media only screen and (max-width: 991px) {
    .titles-input-reg {
        font-size: 14px;
        padding-top: 8px;
    }

    .titles-select-reg {
        font-size: 14px;
    }

    .item-data {
        display: none;
    }

    .titles-input-reg {
        font-size: 14px;
    }

    .text-input-reg {
        font-size: 14px;
    }

    .text-input-reg-doc {
        font-size: 14px;
    }

    .btn-buscar {
        height: 35px;
        padding: 0px 10px;
    }
}

.icon-redes-reg {
    max-width: 45px;
    width: 100%;
}

.margen-seccion-redes {
    margin-top: 70px;
}

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

    .item-data {
        display: none;
    }

    .titles-input-reg {
        font-size: 20px;
    }

    .titles-select-reg {
        font-size: 20px;
    }

    .text-input-reg {
        font-size: 17px;
    }

    .text-input-reg-doc {
        font-size: 17px;
    }

    .btn-buscar {
        height: auto;
    }

    .margen-info-reg {
        margin-bottom: 10px;
    }

    .icon-redes-reg {
        max-width: 36px;
        width: 36px;
    }

    .margen-seccion-redes {
        margin-top: 30px;
    }
}

.btn-next {
    background: linear-gradient(45deg,#9e0000, #f60607);
    color: #fff;
    width: 100%;
    max-width: 200px;
    font-family: 'MontserratAlternates-Regular';
    font-size: 25px;
    border-radius: 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

    .btn-next:hover {
        background: #000;
        color: #fff;
    }

    .btn-next:disabled {
        cursor: no-drop;
    }

@media only screen and (max-width: 767px) {
    .btn-next {
        font-size: 18px;
    }
}

.elegir-producto-content {
    border: 1px solid #818184;
    border-radius: 50px;
    padding: 20px 30px;
    margin: 20px 50px;
}

    .elegir-producto-content img {
        max-width: 200px;
        width: auto;
        max-height: 120px;
        margin-bottom: 20px;
    }

    .elegir-producto-content h1 {
        color: #333;
        font-size: 25px;
        font-family: 'Berlin-Sans-FB-Regular';
    }

        .elegir-producto-content h1 span {
            color: #000;
        }

    .elegir-producto-content h2 {
        color: #333;
        font-size: 25px;
        font-family: 'Berlin-Sans-FB-Regular';
        text-align: left;
    }

        .elegir-producto-content h2 span {
            color: #000;
        }

    .elegir-producto-content h3 {
        color: #333;
        font-size: 18px;
        font-family: 'Berlin-Sans-FB-Regular';
        text-align: left;
    }

.contenido-titulo-elegir {
    width: 100%;
    line-height: 0rem;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.contenido-titulo-elegir-0 {
    width: 100%;
    line-height: 0rem;
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.contenido-titulo-elegir-1 {
    width: 100%;
    line-height: 0rem;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.contenido-titulo-elegir-2 {
    width: 100%;
    line-height: 0rem;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.contenido-titulo-elegir-3 {
    width: 100%;
    line-height: 0rem;
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.icon-medio-pago {
    width: 100% !important;
    max-width: 100px !important;
    height: auto !important;
}

.justifica-centro-content {
    text-align-last: center;
}

.circle-ganancia {
    background: #A6A6A6;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    padding: 20px;
    text-align: center;
    position: absolute;
    right: 0;
    margin-top: -120px;
}

    .circle-ganancia h1 {
        font-size: 25px;
        color: #fff;
        font-family: 'MontserratAlternates-Regular';
    }

        .circle-ganancia h1 span {
            font-size: 50px;
            color: #fff;
            font-family: 'Berlin-Sans-FB-Regular';
        }

@media only screen and (max-width: 767px) {
    .circle-ganancia {
        width: 150px;
        height: 150px;
    }

        .circle-ganancia h1 span {
            font-size: 30px;
        }

        .circle-ganancia h1 {
            font-size: 18px;
        }

    .elegir-producto-content img {
        width: 100%;
        height: auto;
    }

    .elegir-producto-content h1 {
        font-size: 18px;
    }

    .elegir-producto-content h2 {
        font-size: 18px;
    }

    .elegir-producto-content h3 {
        font-size: 15px;
    }

    .elegir-producto-content {
        margin: 20px 20px;
    }
}



.image-centrar {
    height: 120px;
}

    .image-centrar img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.texto-centrar h1 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.texto-centrar h2 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-elegir {
    background: linear-gradient(45deg,#9e0000, #f60607);
    color: #fff;
    width: 100%;
    max-width: 150px;
    font-family: 'MontserratAlternates-Regular';
    font-size: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    animation: sombra-efecto-elegir 1.5s infinite;
}


@keyframes sombra-efecto-elegir {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgb(229 5 6 / 25%);
        -moz-box-shadow: 0px 0px 0px 1px rgb(229 5 6 / 25%);
        box-shadow: 0px 0px 0px 1px rgb(229 5 6 / 25%);
    }

    60% {
        -webkit-box-shadow: 0px 1px 0px 5px rgb(229 5 6 / 17%);
        -moz-box-shadow: 0px 1px 0px 5px rgb(229 5 6 / 17%);
        box-shadow: 0px 1px 0px 5px rgb(229 5 6 / 17%);
    }

    100% {
        -webkit-box-shadow: 0px -2px 2px 13px rgb(229 5 6 / 10%);
        -moz-box-shadow: 0px -2px 2px 13px rgb(229 5 6 / 10%);
        box-shadow: 0px -2px 2px 13px rgb(229 5 6 / 10%);
    }
}

.btn-elegir:hover {
    background: #000;
    color: #fff;
}

.btn-elegir:disabled {
    cursor: no-drop;
}

@media only screen and (max-width: 767px) {
    .btn-elegir {
        font-size: 15px;
    }
}

/*****btn quitar*/
.btn-quitar {
    background: #000;
    color: #fff;
    width: 100%;
    max-width: 150px;
    font-family: 'MontserratAlternates-Regular';
    font-size: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    animation: sombra-efecto-quitar 1.5s infinite;
}


@keyframes sombra-efecto-quitar {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 13%);
        -moz-box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 13%);
        box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 13%);
    }

    60% {
        -webkit-box-shadow: 0px 1px 0px 5px rgb(0 0 0 / 13%);
        -moz-box-shadow: 0px 1px 0px 5px rgb(0 0 0 / 13%);
        box-shadow: 0px 1px 0px 5px rgb(0 0 0 / 13%);
    }

    100% {
        -webkit-box-shadow: 0px -2px 2px 13px rgb(0 0 0 / 13%);
        -moz-box-shadow: 0px -2px 2px 13px rgb(0 0 0 / 13%);
        box-shadow: 0px -2px 2px 13px rgb(0 0 0 / 13%);
    }
}

.btn-quitar:hover {
    background: linear-gradient(45deg,#9e0000, #f60607);
    color: #fff;
}

.btn-quitar:disabled {
    cursor: no-drop;
}

@media only screen and (max-width: 767px) {
    .btn-quitar {
        font-size: 15px;
    }
}
/****************/

.ciculo-icon {
    background: linear-gradient(45deg,#9e0000, #f60607);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-top: 10px;
    padding: 0px 20px;
    color: #666;
    margin-right: 10px;
}

.sub-titulo-elegir-entidad h1 {
    font-size: 30px;
    color: #000;
    font-family: 'MontserratAlternates-Regular';
}

.icon-banco {
    width: 100%;
    max-width: 300px;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .sub-titulo-elegir-entidad h1 {
        font-size: 20px;
    }

    .ciculo-icon {
        padding: 0px 13px;
    }
}

@media only screen and (max-width: 400px) {
    .sub-titulo-elegir-entidad h1 {
        font-size: 17px;
    }

    .ciculo-icon {
        padding: 0px 11px;
    }
}
/*****************************RADIO BUTTON***********************************/
.radio-personalizado label {
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    top: 20px;
}

    .radio-personalizado label input {
        position: absolute;
        left: -9999px;
    }

        .radio-personalizado label input:checked + span {
            background-color: rgb(232 5 6 / 8%);
        }

            .radio-personalizado label input:checked + span:before {
                box-shadow: inset 0 0 0 0.4375em #ea0506;
            }

    .radio-personalizado label span {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0.375em 0.75em 0.375em 0.375em;
        border-radius: 99em;
        -webkit-transition: 0.25s ease;
        transition: 0.25s ease;
        font-family: "MontserratAlternates-Regular" !important;
        color: #000;
    }

@media only screen and (min-width: 0px) and (max-width: 630px) {
    .radio-personalizado label span {
        font-size: 12px !important;
    }
}

.radio-personalizado label span:hover {
    background-color: rgb(232 5 6 / 8%);
}

.radio-personalizado label span:before {
    display: -webkit-box;
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    -webkit-transition: 0.25s ease;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #ea0506;
}
/*****************************FIN RADIO BUTTON***********************************/

.banco-seleccionar .cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .banco-seleccionar .cc-selector input:active + .banco-select-cc {
        opacity: .5;
    }

    .banco-seleccionar .cc-selector input:checked + .banco-select-cc {
        -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
        -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
        filter: brightness(1.8) grayscale(1) opacity(.7);
    }

.banco-seleccionar .banco-select-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

    .banco-seleccionar .banco-select-cc:hover {
        -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
        -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
        filter: brightness(1.8) grayscale(1) opacity(.7);
    }

.btn-imagen-banco {
    width: 100%;
    max-width: 200px;
}


.ocultar {
    display: none;
}

.text-muted-validacion {
    color: #d40404 !important;
}

.inputcontainer {
    position: relative;
}

input {
    /*width: 100%;*/
    font-size: 20px;
    box-sizing: border-box;
}

.icon-container {
    position: absolute;
    right: 25px;
    top: calc(50% - 8px);
}

.icon-container-ivalido {
    position: absolute;
    right: 25px;
    top: calc(50% - 16px);
}

.loader {
    position: relative;
    height: 20px;
    width: 20px;
    animation: around 5.4s infinite;
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader::after, .loader::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #333 #333 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite;
}

.loader::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent;
}

.spinner-border {
    vertical-align: middle !important;
}

.active-loader {
    display: inline-block;
}

.oculta-loader {
    display: none;
}

.title-redes {
    font-size: 40px;
}

@media only screen and (max-width: 767px) {
    .title-redes {
        font-size: 20px;
    }
}

.info-tipo-perfil {
    color: #0026ff !important;
    cursor: pointer;
    margin-top: 20px;
}

.category-index {
}

    .category-index .item-category {
        flex: 0 0 16.666667%;
        width: 16.666667%;
        height: auto;
        text-align: center;
        padding: 10px;
    }

        .category-index .item-category .iconos {
            text-align: center;
            border-radius: 10px;
            height: 140px;
            margin: auto;
            object-fit: contain;
            max-width: 100%;
        }

        .category-index .item-category .text-descripcion {
            font-size: 14px;
            color: #696666;
        }

@media only screen and (max-width: 960px) {
    .category-index .item-category .iconos {
        height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .category-index .item-category {
        flex: 0 0 25%;
        width: 25%;
    }
}

@media only screen and (max-width: 480px) {
    .category-index .item-category {
        flex: 0 0 50%;
        width: 50%;
    }

        .category-index .item-category .iconos {
            height: 80px;
        }

        .category-index .item-category .text-descripcion {
            font-size: 12px;
        }
}

.category-index .categoria-nombres {
    width: 20%;
    padding: 0px 10px 0px 0px;
}

.category-index .categoria-sitio {
    width: 80%;
    padding: 0px 0px 0px 10px !important;
}

    .category-index .categoria-sitio .icono-sitio {
        height: 100px;
        margin: auto;
        object-fit: contain;
        max-width: 100%;
        -webkit-transition: transform 0.9s ease;
        -o-transition: transform 0.9s ease;
        -moz-transition: transform 0.9s ease;
        transition: transform 0.9s ease;
    }

    .category-index .categoria-sitio .item-sitio {
        padding: 5px 14px;
        height: 120px;
        transition: all .5s ease 0s;
        border-radius: 6px;
        margin: 5px 5px;
        box-shadow: 0 0 10px rgba(0,0,0,.04);
    }

        .category-index .categoria-sitio .item-sitio:hover {
            box-shadow: 0 0 10px rgba(0,0,0,.2)
        }

            .category-index .categoria-sitio .item-sitio:hover .icono-sitio {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1);
            }

    .category-index .categoria-sitio .title-sitio {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0rem;
    }

    .category-index .categoria-sitio .title-subcagoria {
        margin-bottom: 0rem;
        color: #666;
        font-size: 12px;
        line-height: 10pt;
    }

.category-index .categoria-nombres ul {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    height: 450px;
    padding-bottom: 30px;
}

    .category-index .categoria-nombres ul li a {
        display: block;
        padding: 6px 10px;
        font-size: 16px;
        transition: all .3s linear;
        text-align: left;
        color: #7d7d7d;
        font-weight: 500;
        transition: all .3s ease 0s;
        border-left: 2px solid rgba(0,0,0,.0) !important;
    }

    .category-index .categoria-nombres ul li.active a {
        font-weight: 700 !important;
        color: #c3242a !important;
        border-left: 2px solid #c3242a !important;
    }

    .category-index .categoria-nombres ul li a:hover {
        font-weight: 700 !important;
        color: #c3242a !important;
        border-left: 2px solid #c3242a !important;
    }

/*.category-index .categoria-nombres ul li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2px;
        transition: all .3s linear;
        height: 0;
        background: #ff441f;
        z-index: 2;
    }
    .category-index .categoria-nombres ul li.active:after, .category-index .categoria-nombres ul li:hover:after {
        height: 100%;
    }
    */

@media only screen and (max-width: 991px) {
    .category-index .categoria-nombres {
        width: 100%;
    }

    .category-index .categoria-sitio {
        width: 100%;
        margin: auto;
    }

    .category-index .categoria-nombres ul {
        height: 180px;
    }
}



/**********************************************/
.contenedor-busqueda {
    border: 1px solid #fff !important;
    border-radius: 32px !important;
    color: #222222 !important;
    display: -webkit-box !important;
    height: 66px !important;
    position: relative !important;
    width: 100% !important;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.15), 0px 3px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: #FFFFFF !important;
}

.show .filtro {
    background-clip: padding-box !important;
    border: 1px solid #ebebeb !important;
    border-radius: 32px !important;
    inset: 0px !important;
    content: "" !important;
    position: relative !important;
    z-index: 0 !important;
    background-color: #ebebeb !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 6px 20px !important;
}


.filtro {
    padding: 2px;
}

    .filtro:hover {
        cursor: pointer;
        border-radius: 32px !important;
        background-color: #ebebeb !important;
    }

.text-filtro h1 {
    font-family: 'MontserratAlternates-Regular';
    font-weight: 700;
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
}


.text-filtro h3 {
    font-family: 'MontserratAlternates-Light';
    font-size: 14px;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .text-filtro h1 {
        font-size: 12px;
    }

    .text-filtro h3 {
        font-size: 10px;
    }
}


.etiqueta-separa {
    border-left: solid 1px #ce0e2d;
    z-index: 1;
    padding-top: 35px;
    margin-left: -2px;
    position: absolute;
    margin-top: 16px;
}

.busqueda-sugerido h1 {
    font-family: 'MontserratAlternates-Regular';
    font-weight: 700;
    font-size: 24px;
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
}

.busqueda-sugerido h3 {
    font-family: 'MontserratAlternates-Regular';
    font-weight: 100;
    font-size: 24px;
    padding-top: 10px;
    margin-top: 150px;
    color: #FFFFFF;
}

.btn-busqueda-sugerido {
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    border-color: black !important;
    width: auto !important;
    background: lightgrey !important;
    color: #fff !important;
    touch-action: manipulation !important;
    font-family: 'MontserratAlternates-Regular';
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    border-radius: 54px !important;
    border-width: 1px !important;
    border-style: solid !important;
    outline: none !important;
    transition: box-shadow 0.2s ease-out, -ms-transform 0.2s ease-out, -webkit-transform 0.2s ease-out, transform 0.2s ease-out !important;
    -webkit-tap-highlight-color: transparent !important;
    border: initial !important;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12) !important;
    background-color: #ce0e2d !important;
    padding: 22px 56px !important;
}

    .btn-busqueda-sugerido:hover {
        background-color: #FFFFFF !important;
        color: #ce0e2d !important;
    }

.btn-buscar_opciones {
    background-color: #ce0e2d;
    outline: none !important;
    cursor: pointer;
    padding: 17px;
    border-radius: 50%;
    border: solid 1px #ce0e2d;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 6px;
    vertical-align: middle !important;
    transition: none 0s ease 0s !important;
}

    .btn-buscar_opciones:hover {
        background-color: #fff;
        border: solid 1px #ce0e2d;
        color: #ce0e2d;
    }

.contenedor-busqueda .dropdown-menu {
    width: 100% !important;
    border-radius: 32px;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 20%) !important;
    padding: 16px 32px !important;
    border: solid 1px #fff;
    margin: 2px 10px 10px 2px;
}


@media only screen and (max-width: 767px) {
    .contenedor-busqueda {
        height: auto !important;
    }

    .filtro {
        padding: 2px 20px 10px;
    }

    .etiqueta-separa {
        border-left: solid 1px transparent;
    }
}

@media only screen and (max-width: 442px) {
    .btn-buscar_opciones {
        padding: 12px;
        right: 10px;
    }
}

.form-cbx {
    padding: 10px 2%;
    color: #777;
    font-weight: 300;
    box-shadow: 1px 2px 10px -2px rgb(0 0 0 / 30%);
    border-radius: 13px;
    font-family: 'OpenSans-Light';
    font-size: 14px;
    height: 45px;
    cursor: pointer;
    border: 1px solid transparent;
}

    .form-cbx option {
        font-family: 'OpenSans-Light' !important;
        font-size: 14px !important;
        color: #777 !important;
        font-weight: 300;
        -webkit-appearance: none;
        -moz-appearance: none;
        transition: all 0.25s ease;
        word-wrap: normal;
        text-transform: none;
    }

.container-anuncio {
    padding: 1rem 0rem 8rem 0rem;
}

@media only screen and (max-width: 1182px) {
    .container-anuncio {
        padding: 1rem 0.8rem 4rem 0.8rem;
    }
}
/************************nuevo home***********************************/


.thumbnail {
    margin-bottom: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 10px;
    border: 1px solid #cbd6dc;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: transparent;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    border: 0px solid rgba(0,0,0,.125);
}

    .item.list-group-item .img-event {
        float: left;
        width: 30%;
    }

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px;
        display: inline-block;
        width: 100%;
        height: 250px;
    }

    .item.list-group-item .caption {
        float: left;
        width: 70%;
        margin: 0;
    }

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item:after {
        clear: both;
    }


.anuncios .carousel-control-next, .anuncios .carousel-control-prev {
    height: 40px;
    width: 40px;
    padding: 12px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,.1);
}

.anuncios .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50%;
}

.anuncios .item-img {
    object-fit: cover;
    height: 250px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: -2px;
    width: 100%;
}

.anuncios .item-nuevo {
    color: #fff;
    padding: 0px 10px;
    background: transparent;
    border-radius: 6px;
    position: absolute;
    left: .5rem;
    top: .4rem;
    border: 2px solid #ffffff;
    font-size: 14px;
}

.anuncios .card-title {
    color: #000;
    font-size: 18px;
    margin-bottom: 0px;
}

    .anuncios .card-title span {
        color: #a8a8ad;
        font-size: 14px;
    }

#respuestaBusqueda {
}

@media only screen and (max-width: 750px) {
    #respuestaBusqueda {
        margin: auto !important;
    }

    .item.list-group-item .img-event {
        width: 100%;
    }

    .item.list-group-item .thumbnail {
        height: auto;
    }
}

.bg-anuncios {
    background: #f3f7f8;
}

.urbelite-filtro .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ff9b00;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.urbelite-filtro .card {
    border: 1px solid #ff9b00 !important;
}

.urbelite-filtro .card-header a {
    color: #fff;
}

.urbelite-filtro .card-body {
    background-color: #f3f7f8;
}

.urbelite-filtro .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #ce0e2d;
    background-color: #ce0e2d;
}

.urbelite-filtro .checkbox-btn::before {
    color: #fff;
    border-color: #ff9b00;
    background-color: #ff9b00;
}


.btn-aplicar-busqueda-urbelite {
    color: #ce0e2d;
    background-color: #fff;
    padding: 10px 50px;
    font-size: 17px;
    border: 2px solid #ce0e2d;
    transition: all .3s ease-in-out;
}

    .btn-aplicar-busqueda-urbelite:hover {
        color: #fff;
        background-color: #ce0e2d;
    }

.btn-ingresar-urbe {
    color: #fff !important;
    background-color: #ce0e2d;
    padding: 6px 22px !important;
    font-size: 17px;
    border: 2px solid #ce0e2d;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    margin-top: 2.3rem;
}

    .btn-ingresar-urbe:hover {
        color: #ce0e2d !important;
        background-color: #fff;
        border: 2px solid #ce0e2d;
    }

.detalle_anuncios {
}

    .detalle_anuncios .img-anuncio {
        object-fit: cover;
        height: 420px;
    }

    .detalle_anuncios .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 15px;
        height: 15px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        border-radius: 50%;
        transition: opacity .6s ease;
    }

    .detalle_anuncios .carousel-indicators .active {
        opacity: 1;
    }

    .detalle_anuncios .carousel-control-next, .detalle_anuncios .carousel-control-prev {
        height: 40px;
        width: 40px;
        padding: 12px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        background-color: rgba(0,0,0,.2);
    }

.p-resaltante {
    font-weight: 700;
}

.breadcrumb_direccion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .00px;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
}

ul.breadcrumb_direccion > li.bread-item:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    margin: 0 8px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/chevron-right.f84462.svg);
}

ul.breadcrumb_direccion > li.bread-item > a {
    font-size: 14px;
    line-height: 23px;
    color: #7c98a7;
}

ul.breadcrumb_direccion > li.bread-item.current:after {
    display: none;
}

.titulo-caracteristicas-inmueble h3 {
    font-size: 20px;
}

.titulo-caracteristicas-inmueble p {
    font-size: 16px !important;
}

ul.section-icon-features {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    line-height: 22px;
    border-top: 1px solid #e7eef0;
    border-bottom: 1px solid #e7eef0;
    padding: 9px 0 4px;
}

    ul.section-icon-features > li.icon-feature > i.icon-stotal:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/stotal.38e4f4.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-scubierta:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/scubierta.695fb2.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-bano:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/banos.827612.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-cochera:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/cochera.30335f.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-dormitorio:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/dormitorio.349d35.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-toilete:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/toilete.f725dc.svg);
    }

    ul.section-icon-features > li.icon-feature > i.icon-antiguedad:before {
        background-image: url(https://img10.naventcdn.com/ficha/RPFICv5.37.1-RC5/antiguedad.eb15bc.svg);
    }

    ul.section-icon-features > li.icon-feature > i:before {
        content: "";
        width: 22px;
        height: 19px;
        display: inline-block;
        background-position: 0;
        background-repeat: no-repeat;
    }

    ul.section-icon-features > li.icon-feature {
        display: flex;
        font-size: 14px;
        text-overflow: ellipsis;
        margin-right: 16px;
    }

.overlay {
    position: relative;
    z-index: 0;
}

    .overlay::before {
        position: absolute;
        content: "";
        background-color: rgba(0,0,0,.6);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: .7;
    }

.btn-ver-mas {
    color: #fff;
    background-color: #ce0e2d;
    padding: 10px 50px;
    font-size: 17px;
    border: 2px solid #ce0e2d;
    transition: all .3s ease-in-out
}

    .btn-ver-mas:hover {
        color: #000;
        background-color: #fff;
        padding: 10px 60px;
        box-shadow: 0 0 10px rgba(0,0,0,.3)
    }

.contenido-urbe {
    padding-top: 160px
}

@media only screen and (max-width: 960px) {
    .contenido-urbe {
        padding-top: 20px;
    }
}


.multi-anuncios {
    float: left;
    overflow: hidden;
    padding: 0px;
    width: 100%;
    position: relative;
}

    .multi-anuncios .multi-anuncios-inner {
        transition: 1s ease all;
        float: left;
    }

        .multi-anuncios .multi-anuncios-inner .img-multi {
            width: 100%;
            object-fit: cover;
            height: 160px;
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
            width: 100%;
        }

        .multi-anuncios .multi-anuncios-inner .img-multi-2 {
            width: 100%;
            object-fit: cover;
            height: 160px;
            border: 0px;
            width: 100%;
        }

        .multi-anuncios .multi-anuncios-inner .cont-texto {
            padding: 5px;
        }

        .multi-anuncios .multi-anuncios-inner .lead {
            font-size: 14px;
            color: #000;
            font-weight: 600;
            margin-bottom: 0;
        }

        .multi-anuncios .multi-anuncios-inner .mtemio {
            font-size: 12px;
            color: #666;
            font-weight: 300;
            margin-bottom: 2px;
        }

        .multi-anuncios .multi-anuncios-inner .item {
            float: left;
            padding: 5px;
        }

        .multi-anuncios .multi-anuncios-inner .cotizador-item {
            width: 50%;
        }

            .multi-anuncios .multi-anuncios-inner .cotizador-item .pad15 {
                border: 1px solid #ededed !important;
                border-radius: 0px !important;
                height: 300px;
                border-bottom: 2px solid #ce0e2d !important;
            }

        .multi-anuncios .multi-anuncios-inner .item .pad15 {
            border: 1px solid #cbd6dc;
            border-radius: 8px;
            height: 300px;
        }

        .multi-anuncios .multi-anuncios-inner .item > div {
            text-align: center;
            padding: 0px;
            margin: 10px !important;
            background: #f1f1f1;
            color: #666;
            border-radius: 8px;
            background: #fff;
        }

    .multi-anuncios .leftLst, .multi-anuncios .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px);
    }

    .multi-anuncios .btn-primary {
        color: #5a5a5a;
        background-color: #fff;
        border: 1px solid #cbd6dc;
        padding: 8px 12px;
    }

        .multi-anuncios .btn-primary:hover {
            border: 1px solid #5a5a5a;
            -webkit-box-shadow: 0px 1px 9px 3px rgb(0 0 0 / 40%);
            -moz-box-shadow: 3px 3px 5px 0px 0px 1px 9px 3px rgb(0, 0, 0, 0.7);
            box-shadow: 0px 1px 9px 3px rgb(0 0 0 / 40%);
        }

    .multi-anuncios .leftLst {
        left: 0;
    }

    .multi-anuncios .rightLst {
        right: 0;
    }

        .multi-anuncios .leftLst.over, .multi-anuncios .rightLst.over {
            pointer-events: none;
            background: #ccc;
            display: none;
        }



.caracteristica {
    max-width: 1140px;
    width: 100%;
    margin: 1rem auto 5rem auto;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

    .caracteristica .item-inmueble {
        width: 20%;
        padding: 8px;
    }

        .caracteristica .item-inmueble a img {
            width: 100%;
            border-radius: 10px;
            object-fit: cover;
            height: 200px;
        }

        .caracteristica .item-inmueble a div {
            margin-top: 2px;
        }

        .caracteristica .item-inmueble .detail {
            color: #717171;
            font-size: 14px;
            margin-bottom: 0px;
            line-height: 14pt;
        }

        .caracteristica .item-inmueble .title {
            color: #000;
            font-size: 14px;
            line-height: 14pt;
            font-family: 'MontserratAlternates-Regular';
        }

    .caracteristica .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #000 !important;
        background-color: #fff;
        border-color: #fff #fff #fff;
        border-bottom: 2px solid #000;
    }

    .caracteristica .nav-tabs {
        border-bottom: 0px solid #dee2e6;
    }

        .caracteristica .nav-tabs .nav-link {
            color: #9c9c9c;
        }

    .caracteristica .nav-link {
        display: block;
        padding: .2rem 0.5rem;
    }

    .caracteristica .nav-tabs .nav-link:hover {
        border-color: #FFF #FFF #dee2e6;
    }

#map {
    height: 700px;
    width: 100%;
    margin: auto;
    display: block;
}

@media only screen and (max-width: 1149px) {
    .caracteristica .item-inmueble {
        width: 25%;
    }
}

@media only screen and (max-width: 922px) {
    .caracteristica .item-inmueble {
        width: 33.33%;
    }
}

@media only screen and (max-width: 649px) {
    .caracteristica .item-inmueble {
        width: 50%;
    }
}

@media only screen and (max-width: 582px) {
    #map {
        height: 100px;
        display: none;
    }
}

@media only screen and (max-width: 408px) {
    .caracteristica .item-inmueble {
        width: 100%;
    }
}





.loading-css {
    opacity: 0.4;
}

.cotizar {
    margin-bottom: 1rem;
    padding: 0px 40px;
}

    .cotizar .dropdown .btn-secondary {
        border: 2px solid #ce0e2d;
        background: #fff;
        color: #6c757d;
        font-size: 16px;
        font-weight: 400;
        margin: 2px;
        padding: 4px 20px;
    }





.formulario {
}

    .formulario h2 {
        font-size: 16px;
        color: #001F3F;
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .formulario > div {
        padding: 10px 10px;
        border-bottom: 1px solid #ccc;
    }

    .formulario .radio label,
    .formulario .checkbox label {
        display: inline-block;
        cursor: pointer;
        color: #000;
        position: relative;
        padding: 5px 15px 5px 46px;
        font-size: 15px;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .formulario .radio label:hover,
        .formulario .checkbox label:hover {
            background: rgba(255, 65, 54, 0.1);
        }

        .formulario .radio label:before,
        .formulario .checkbox label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            position: absolute;
            left: 15px;
            border-radius: 50%;
            background: none;
            border: 3px solid #ce0e2d;
            margin-top: 4px;
        }

    .formulario input[type="radio"] {
        display: none;
    }

        .formulario input[type="radio"]:checked + label:before {
            display: none;
        }

        .formulario input[type="radio"]:checked + label {
            padding: 5px 15px;
            background: #ce0e2d;
            border-radius: 2px;
            color: #fff;
        }

    .formulario .checkbox label:before {
        border-radius: 3px;
    }

    .formulario .checkbox input[type="checkbox"] {
        display: none;
    }

        .formulario .checkbox input[type="checkbox"]:checked + label:before {
            display: none;
        }

        .formulario .checkbox input[type="checkbox"]:checked + label {
            background: #ce0e2d;
            color: #fff;
            padding: 5px 15px;
        }



.navigation-menu ul.dropdown-cart {
    min-width: 200px;
}

    .navigation-menu ul.dropdown-cart li .item {
        display: block;
        padding: 8px 16px;
        margin: 3px 0;
    }

        .navigation-menu ul.dropdown-cart li .item:hover {
            background-color: #f3f3f3;
        }

        .navigation-menu ul.dropdown-cart li .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .navigation-menu ul.dropdown-cart li .item-left {
        float: left;
    }

        .navigation-menu ul.dropdown-cart li .item-left span.item-info {
            margin-left: 10px;
            color: #272425;
            font-weight: 600;
            font-style: oblique;
            font-size: 16px;
        }

            .navigation-menu ul.dropdown-cart li .item-left span.item-info span {
                display: block;
            }

    .navigation-menu ul.dropdown-cart li .item-right {
        float: right;
    }

#respuestaBusqueda {
    float: inherit;
    width: 100%;
    max-height: 700px;
}

@media only screen and (max-width: 1049px) {
    .multi-anuncios .multi-anuncios-inner .cotizador-item {
        width: 100%;
    }
}

@media only screen and (max-width: 750px) {
    #respuestaBusqueda {
        float: inherit;
        width: 100%;
        max-height: inherit;
    }

    .multi-anuncios {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 551px) {
    .cotizar {
        padding: 0px 5px;
        margin: 1rem auto;
    }

    .multi-anuncios .multi-anuncios-inner .cotizador-item {
        width: 100%;
    }
}

.seccion-anuncios {
    float: left;
    overflow: hidden;
    padding: 0px;
    width: 100%;
    position: relative;
}

.seccion-principal-anuncios .img-multi {
    width: 100%;
    object-fit: cover;
    height: 160px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    width: 100%;
}

.seccion-principal-anuncios .img-multi-2 {
    width: 100%;
    object-fit: cover;
    height: 160px;
    border: 0px;
    width: 100%;
}

.seccion-principal-anuncios .img-multi-2 {
    width: 100%;
    object-fit: cover;
    height: 160px;
    border: 0px;
    width: 100%;
}

.seccion-principal-anuncios .cont-texto {
    padding: 5px;
}

.seccion-principal-anuncios .lead {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.seccion-principal-anuncios .mtemio {
    font-size: 12px;
    color: #666;
    font-weight: 300;
    margin-bottom: 2px;
}

.seccion-principal-anuncios .item {
    float: left;
    padding: 5px;
}

.seccion-principal-anuncios .cotizador-item {
    width: 50%;
}

    .seccion-principal-anuncios .cotizador-item .pad15 {
        border: 1px solid #ededed !important;
        border-radius: 0px !important;
        height: 300px;
        border-bottom: 2px solid #ce0e2d !important;
    }

.seccion-principal-anuncios .item .pad15 {
    border: 1px solid #cbd6dc;
    border-radius: 8px;
    height: 300px;
}

.seccion-principal-anuncios .item > div {
    text-align: center;
    padding: 0px;
    margin: 10px !important;
    background: #f1f1f1;
    color: #666;
    border-radius: 8px;
    background: #fff;
}

fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: double;
    border-color: threedface;
    border-image: initial;
}

legend {
    display: block;
    width: auto;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    font-size: 18px;
    font-weight: 500;
}

.font-size-lg {
    font-size: 1.08rem;
}

.text-dark {
    color: #181c32 !important;
}

.form-group label {
    font-size: 1rem !important;
}

.form-control {
    font-size: 1rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.form-group {
    margin-bottom: 1.59rem;
}


/*********************INI ESTILO PERFIL**************************/
#accordion button {
    font-size: 16px;
    color: #0f2137;
    font-weight: 500;
    font-weight: 500;
}

@media (max-width: 767px) {
    #accordion button {
        font-size: 14px;
    }
}

#accordion .card {
    margin-bottom: 15px;
    border-radius: 0;
    border-radius: 0 !important;
    margin-bottom: 30px;
}

    #accordion .card .card-header {
        background-color: transparent;
        padding: 4px 14px;
    }

@media (max-width: 767px) {
    #accordion .card .card-header {
        padding: 4px 0;
    }
}

#accordion .card .card-body {
    font-size: 16px;
    line-height: 28px;
    color: #888888;
    padding: 10px 30px 32px;
}

#accordion .card .collapse {
    border-bottom: 1px solid #d7dbe3;
}

    #accordion .card .collapse.show {
        border-bottom: 1px solid transparent;
    }

#accordion h5 {
    position: relative;
    z-index: 1;
}

    #accordion h5 button.btn.btn-link:after {
        position: absolute;
        content: "\e648";
        top: 9px;
        right: 12px;
        height: auto;
        font-family: 'themify';
        color: #ce0e2d;
        font-size: 14px;
        right: -10px;
    }

@media (max-width: 767px) {
    #accordion h5 button.btn.btn-link:after {
        right: 10px;
    }
}

#accordion h5 button.btn.btn-link.collapsed:after {
    content: "\e64b";
    color: #0f2137;
    font-size: 14px;
}

#accordion h5 button i {
    height: 36px;
    width: 36px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    margin-right: 20px;
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 767px) {
    #accordion h5 button i {
        display: none;
    }
}

#accordion h5 button.btn.btn-link.collapsed i {
    background: #f4f7f9;
    color: #0f2137;
}

@media (max-width: 767px) {
    #accordion h5 button.btn.btn-link.collapsed i {
        display: none;
    }
}

#accordion .btn-link:hover {
    color: #182028;
    text-decoration: none;
}

#accordion .btn {
    text-align: left !important;
}

.accordion_area {
    padding-top: 40px;
    padding-bottom: 30px;
}

    .accordion_area .accordion_thumb {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        padding-left: 68px;
    }

@media (max-width: 767px) {
    .accordion_area .accordion_thumb {
        padding-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .accordion_area .accordion_thumb {
        padding-left: 0;
    }
}

.accordion_area .accordion_thumb img {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.accordion_area .faq_ask h3 {
    font-size: 36px;
    font-weight: 600;
    color: #717171;
    margin-bottom: 17px;
}

@media (max-width: 767px) {
    .accordion_area .faq_ask h3 {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .accordion_area .faq_ask h3 {
        font-size: 30px;
    }
}

.accordion_area .faq_ask #accordion .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
    border-bottom: 1px solid #E8E8E8;
}

    .accordion_area .faq_ask #accordion .card .card-header {
        background-color: transparent;
        padding: 4px 14px;
        border: none;
    }

.accordion_area .faq_ask #accordion button {
    font-size: 15px;
    color: #000 !important;
    font-weight: 300 !important;
}

@media (max-width: 767px) {
    .accordion_area .faq_ask #accordion button span {
        display: none;
    }
}

.accordion_area .faq_ask #accordion .card .card-header {
    background-color: #efefef;
    padding: 4px 30px;
    border-left: 20px solid #ce0e2d;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.accordion_area .faq_ask #accordion .card .card-body {
    font-size: 15px;
    line-height: 28px;
    color: #727272;
    padding: 10px 30px 32px;
    font-weight: 400;
    line-height: 28px;
}

.accordion_area .faq_ask #accordion .btn-link.focus, .accordion_area .faq_ask #accordion .btn-link:focus {
    text-decoration: none;
    border-color: transparent;
    box-shadow: none;
    color: #ce0e2d !important;
}

.button-group-area .genric-btn:last-child {
    margin-right: 0;
}

.genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .genric-btn:focus {
        outline: none;
    }

    .genric-btn.small {
        line-height: 25px;
    }

    .genric-btn.medium {
        line-height: 30px;
    }

    .genric-btn.circle {
        border-radius: 20px;
    }

    .genric-btn.primary {
        color: #fff;
        background: linear-gradient(90deg, #c33e53 0%, #ce0e2d 50%, #ce0e2d 100%);
        border: 1px solid transparent;
    }

        .genric-btn.primary:hover {
            color: #ce0e2d;
            border: 1px solid #ce0e2d;
            background: linear-gradient(90deg, #fff 0%, #fff 50%, #fff 100%);
        }

@media (min-width: 768px) {
    .container {
        max-width: 94%;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 95%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

.title-accion {
    background: #ce0e2d;
    border-radius: 14px;
    padding: 1rem 2rem;
    color: #fff;
    font-size: 18px;
}

.details-accion p {
    color: #8B8B8B;
}

.details-accion a img {
    width: 28px;
    margin-top: -10px;
}

.details-accion a i {
    color: #ce0e2d;
    font-size: 26px;
}

.perfil .opciones li {
    width: 100%;
}

    .perfil .opciones li a {
        width: 100%;
        display: block;
        background: #fff;
        padding: 6px 10px;
        border-radius: 2px;
        margin-bottom: 6px;
        color: #8B8B8B;
        font-size: 16px;
    }

        .perfil .opciones li a.active {
            color: #ce0e2d;
        }

        .perfil .opciones li a:after {
            position: absolute;
            right: 12px;
            height: auto;
            font-family: 'themify';
            color: #ce0e2d;
            font-size: 14px;
            right: 24px;
            /*      content: "\e64b";*/
            color: #0f2137;
        }

.swal2-title {
    font-size: 1.3em !important;
}
/*********************FIN ESTILO PERFIL**************************/
/*************LUGARES MAS CERCANOS***************/

.seccion-principal-anuncios .item .lugar {
    border-radius: 8px;
    padding: 20px 10px;
    text-align: justify;
    font-family: 'OpenSans-Regular';
    min-height: 204px;
}

    .seccion-principal-anuncios .item .lugar .cont-texto {
        padding: 5px;
        min-height: 142px;
    }

    .seccion-principal-anuncios .item .lugar a {
        font-size: 13px;
        text-decoration: underline !important;
        color: #007bff !important;
        cursor: pointer;
    }

        .seccion-principal-anuncios .item .lugar a:hover {
            color: #ce0e2d !important;
        }


.scrollbar {
    float: left;
    height:auto;
    max-height: 470px;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 10px;
}

.force-overflow {
    min-height: auto;
}


#listaLugaresScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#listaLugaresScroll::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#listaLugaresScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

/*************************************/