﻿@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: 'Montserrat-Bold';
    src: url('font/Montserrat/Montserrat-Bold.ttf') 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: 'OpenSans-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/landing/fondo_principal.png) !important;
    background-size: cover;
    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: #000;
}

    .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: #000000;
    }

        .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: #000;
    }
    .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;
}

.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: #818181;
        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: #818181;
}

    .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: #000;
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    z-index: 1;
}
.footer-copyright-area {
    padding-right: 15px;
    padding-left: 15px;
}
.footer-logo{
    width:200px;
    height:auto;
}
@media only screen and (max-width: 767px) {
    .footer-logo {
        width: 160px;
        height: auto;
    }
}
@media only screen and (max-width: 500px) {
    .footer-logo {
        width: 140px;
        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: #000;
    -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: #ffffff;
    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: #ce0e2d !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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-Regular';
    font-size: 26px;
    color: #000;
    padding-bottom: 0px !important;
    margin: 0px;
}

.text-input-reg {
    font-size: 20px;
    color: #000;
    font-family: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: 'OpenSans-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: "OpenSans-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;
    }
}

.term-cond {
    width: auto;
    font-size: 20px;
    box-sizing: border-box;
}


.slider_area {
    position: relative;
    z-index: 0;
    width: 100%;
}

    .slider_area::before {
        background: #000000;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: .6;
    }

    .slider_area .single_slider {
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

.slider_bg_1 {
    background-image: url(../images/urbe/mudanza.jpg);
}
.slider_area .titulo {
    font-family: 'Montserrat-Bold';
    color: #fff;
    font-size: 56px;
}

.fondo-principal-area_coolmena {
    background-image: url(../images/Landing/body_landing.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.terminos {
    width: auto !important;
    font-size: 20px;
    box-sizing: border-box;
}