:root {
    --primary-color: #7E75B0;
    --secondary-color: #7E75B0;
    --color3: #001342;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border: 0;
    font-size: 10px;
    letter-spacing: .1rem;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

a,
button {
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: color .5s, background-color .5s
}

    a:hover,
    a:focus,
    button:hover,
    button:focus {
        outline: none;
        text-decoration: none
    }

input:focus,
select:focus {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
p,
span {
    line-height: 1.2
}

blockquote,
q {
    quotes: none
}

    blockquote::before,
    blockquote::after,
    q::before,
    q::after {
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

h1,
h2,
h3,
p,
a,
button,
blockquote,
label,
input,
span {
    max-width: 100%
}

.bg-fix {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

svg {
    pointer-events: none
}

button {
    background-color: transparent;
    border: 0
}

input,
select,
textarea {
    text-indent: 1rem
}

@font-face {
    font-family: 'AvenirNextCondensedMedium';
    src: url("../../build/fonts/AvenirNextCondensed-Medium.woff2") format("woff2");
    /*font-weight: 500;*/
    font-style: normal
}

@font-face {
    font-family: 'AvenirNextCondensedBold';
    src: url("../../build/fonts/AvenirNextCondensed-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'AvenirNextCondensed';
    src: url("../../build/fonts/AvenirNextCondensed-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AvenirNextCondensedDemi';
    src: url("../../build/fonts/AvenirNextCondensed-DemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'bienestore-icons';
    src: url("../../build/fonts/bienestore-icons.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.login__icon-user::before,
.login__icon-id::before,
.login__icon-password::before,
.icon-heart::before,
.icon-face::before,
.store__price-icon::before,
.icon-gift::before,
.icon-rombos::before,
.icon-clock::before,
.store__table-received::before,
.icon-like::before,
.icon-home::before,
.icon-notification::before,
.icon-cart::before,
.inner-bar__label-icon::before,
.store__add-cart-icon::before,
.cart__icon::before,
.icon-settings::before,
.icon-arrow-down::before,
.store__star.store__star-empty::before,
.store__star::before,
.store__lot::before,
.icon-back::before,
.store-detail__back::before,
.icon-search::before,
.navbar__search-btn::before,
.navbar__search-btn2::before,
.icon-award::before,
.icon-arrow-right::before,
.owl-carousel .owl-nav button.owl-next::before,
.icon-arrow-left::before,
.owl-carousel .owl-nav button.owl-prev::before,
.icon-redeem::before,
.icon-remove::before,
.store__table-leave::before,
.icon-accept::before,
.store__table-accepted::before,
.icon-refuse::before,
.store__table-denied::before,
.icon-reports::before,
.icon-information::before,
.icon-config::before,
.icon-avatar::before,
.icon-edit::before,
.icon-plus::before,
.icon-save::before,
.icon-check::before,
.icon-less::before,
.icon-send::before,
.store__table-sent::before {
    font-family: 'bienestore-icons' !important;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none
}

.login__icon-user::before {
    content: '\e900'
}

.login__icon-id::before {
    content: '\e901'
}

.login__icon-password::before {
    content: '\e902'
}

.icon-heart::before {
    content: '\e903'
}

.icon-face::before,
.store__price-icon::before {
    content: '\e904'
}

.icon-gift::before {
    content: '\e905'
}

.icon-rombos::before {
    content: '\e801'/* background-image: url('../img_iconsMoneda/renault-rombo.svg')*/
}

.icon-clock::before,
.store__table-received::before {
    content: '\e906'
}

.icon-like::before {
    content: '\e907'
}

.icon-home::before {
    content: '\e908'
}

.icon-notification::before {
    content: '\e909'
}

.icon-corazon {
    background-image: url(../estilo2021/img/icon-corazon.svg);
    height: 30px;
    width: 30px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}

.icon-estrella {
    background-image: url(../estilo2021/img/icon-estrella.png);
    height: 30px;
    width: 30px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}

.icon-birrete {
    background-image: url(../estilo2021/img/icon-birrete.png);
    height: 30px;
    width: 30px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}



.icon-carita {
    background-image: url(../estilo2021/img/icon-carita.svg);
    height: 30px;
    width: 30px;
    background-repeat:no-repeat;
}

.icon-regalo {
    background-image: url(../estilo2021/img/icon-regalo.svg);
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.icon-reloj {
    background-image: url(../estilo2021/img/icon-tiempo.svg);
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.icon-mano {
    background-image: url(../estilo2021/img/icon-manito.svg);
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 20px auto;
}



.icon-cart::before,
.inner-bar__label-icon::before,
.store__add-cart-icon::before,
.cart__icon::before {
    content: '\e90a'
}

.icon-settings::before {
    content: '\e90b'
}

.icon-arrow-down::before {
    content: '\e90c'
}

.store__star.store__star-empty::before {
    content: '\e90d'
}

.store__star::before {
    content: '\e90e'
}

.store__lot::before {
    content: '\e90f'
}

.icon-back::before,
.store-detail__back::before {
    content: '\e910'
}

.icon-search::before,
.navbar__search-btn::before, .navbar__search-btn2::before {
    content: '\e911'
}

.icon-award::before {
    content: '\e912'
}

.icon-arrow-right::before,
.owl-carousel .owl-nav button.owl-next::before {
    content: '\e913'
}

.icon-arrow-left::before,
.owl-carousel .owl-nav button.owl-prev::before {
    content: '\e914'
}

.icon-redeem::before {
    content: '\e915'
}

.icon-remove::before,
.store__table-leave::before {
    content: '\e916'
}

.icon-accept::before,
.store__table-accepted::before {
    content: '\e917'
}

.icon-refuse::before,
.store__table-denied::before {
    content: '\e918'
}

.icon-reports::before {
    content: '\e919'
}

.icon-information::before {
    content: '\e91a'
}

.icon-config::before {
    content: '\e91b'
}

.icon-avatar::before {
    content: '\e91c'
}

.icon-edit::before {
    content: '\e91d'
}

.icon-plus::before {
    content: '\e91e'
}

.icon-save::before {
    content: '\e91f'
}

.icon-check::before {
    content: '\e920'
}

.icon-less::before {
    content: '\e921'
}

.icon-send::before,
.store__table-sent::before {
    content: '\e922'
}

.top-cart__triangle,
.top-settings__triangle,
.top-profile__triangle {
    border-color: transparent transparent #F1F1F1;
    border-style: solid;
    border-width: 1.5rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -3rem;
    transform: translateX(8rem);
    width: 2.5rem
}

.login {
    background: url(../img/bg-login.jpeg) 50% no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
    height: 100vh
}

.login__container {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: .5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4.3rem 3.5rem 3rem;
    width: 45rem
}

.login__title {
    text-align: center;
    margin-bottom: 1rem
}

.login__main {
    text-align: center
}

.login__form {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.login__field {
    position: relative;
    width: 100%
}

.login__input {
    background-color: transparent;
    border: 0;
    border-bottom: solid 0.1rem #fff;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    padding-bottom: 1rem;
    padding-top: 2.5rem;
    width: 100%
}

    .login__input::placeholder {
        color: #fff;
        font-family: AvenirNextCondensed
    }

.login__icon {
    bottom: 1rem;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    right: 1rem
}

.login__button {
    background-color: #595959;/*#7E75B0;*/
    border-radius: 3rem;
    color: #fff;
    font: 1.9rem AvenirNextCondensedBold;
    margin-top: 3rem;
    padding: 1.3rem 5rem;
    text-transform: uppercase;
    max-width: 21rem;
    width: 100%
}

    .login__button:hover {
        background-color: #504787
    }

.login__links {
    /*display: flex;*/
    justify-content: space-between;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    width: 80%
}

@media (max-width: 568px) {
    .login__links {
        flex-wrap: wrap;
        justify-content: center
    }
}

.login__forgot {
    color: #fff;
    font: 1.5rem AvenirNextCondensed
}

    .login__forgot:first-child {
        padding-right: .5rem
    }

    .login__forgot:last-child {
        padding-left: .5rem
    }

@media (max-width: 568px) {
    .login__forgot:first-child {
        margin-bottom: 1rem
    }
}

.login__facebook {
    background-color: #3B5998;
    border-radius: 2.5rem;
    color: #fff;
    font: 1rem AvenirNextCondensedBold;
    letter-spacing: .1rem;
    padding: 1.3rem 2.5rem;
    text-transform: uppercase;
    max-width: 21rem;
    width: 100%
}

.icon-home {
    margin-right: 1.5rem
}

.icon-notification::before {
    font-size: 3rem
}

.icon-cart::before {
    font-size: 3rem
}

.icon-settings {
    font-size: 2.8rem
}

.icon-arrow-down::before {
    font-size: .8rem
}

.icon-arrow-right::before {
    font-size: 1.3rem
}

.icon-arrow-left::before {
    font-size: 2.5rem
}

.header {
    align-items: center;
    background-color: #fff;
    display: flex;
    left: 0;
    padding: 2.5rem 5rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.header--shadow {
    box-shadow: 0 .5rem .6rem -.6rem #777
}

.logo {
    flex-grow: 1;
    height: 100%
}

.points {
    align-items: center;
    display: flex
}

.points__group {
    align-items: center;
    border: 0.1rem solid var(--primary-color);
    border-radius: 2.5rem;
    display: flex;
    padding: .5rem 1rem;
    margin-right: 1rem
}

.points__icon {
    align-items: center;
    color: var(--secondary-color); /*var(--primary-color);*/
    display: flex;
    font-size: 2rem;
    padding-right: .5rem
}

.points__number {
    font: 1.9rem AvenirNextCondensedDemi;
    color: var(--color3); /*var(--secondary-color);*/
}

.top-bar {
    align-items: center;
    display: flex;
    margin-left: 1rem;
    margin-right: 2rem
}

.top-bar__button {
    color: var(--primary-color);
    font-size: 2.5rem
}

.top-bar__cart {
    margin-right: 2rem;
    position: relative
}

.top-cart__items {
    background-color: #F1F1F1;
    border: 0;
    top: 4rem !important;
    transform: translate3d(-330px, 37px, 0px) !important;
    width: 55rem
}

.top-cart__title {
    color: var(--color3);;
    font: 1.8rem AvenirNextCondensedBold;
    padding-bottom: 1rem
}

.top-cart__container {
    max-height: 40rem;
    overflow-y: scroll;
    padding: 2.5rem 2rem 0
}


.top-cart__item {
    border-top: 0.1rem solid #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0
}

.top-cart__image {
    height: 13rem;
    position: relative;
    width: 40%
}

    .top-cart__image .store__price {
        bottom: -4rem;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 10rem;
        right: 0;
        top: auto
    }

.top-cart__img {
    width: 100%
}

.top-cart__content {
    flex-grow: 1;
    margin-bottom: 3rem;
    padding-left: 2rem;
    width: 50%
}

.top-cart__subtitle {
    color: var(--color3);;
    font: 1.6rem AvenirNextCondensedMedium;
    margin-bottom: 1.5rem
}

.top-cart__table {
    margin-bottom: 2rem
}

.top-cart__cell {
    align-items: center;
    display: flex;
    width: 90%
}

.top-cart__cell-title {
    color: var(--primary-color);
    display: flex;
    font: 1.4rem AvenirNextCondensed
}

.top-cart__cell-line {
    align-self: flex-end;
    border-bottom: 0.1rem solid #fff;
    display: flex;
    flex-grow: 1;
    height: .1rem;
    margin: .5rem;
    max-width: 100%;
    padding-bottom: 1rem
}

.top-cart__cell-value {
    color: var(--primary-color);
    font: 1.4rem AvenirNextCondensedDemi
}

.top-cart__text {
    color: var(--primary-color);
    font: 1.4rem AvenirNextCondensed
}

.top-cart__name {
    font: 1.4rem AvenirNextCondensedBold
}

.top-cart__buttons {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.top-cart__refuse {
    align-items: center;
    background-color: #F37887;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s !important;
    width: 100%;
    max-width: 18.6rem;
    padding: 1rem
}

    .top-cart__refuse::after {
        display: none
    }

    .top-cart__refuse:hover,
    .top-cart__refuse:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .top-cart__refuse::before {
        font-size: 2.7rem;
        padding-right: .5rem
    }

.top-cart__more {
    align-items: center;
    background-color: var(--primary-color);
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 15s, color .5s;
    width: 100%;
    max-width: 12.5rem;
    padding: 1rem
}

    .top-cart__more::after {
        display: none
    }

    .top-cart__more:hover,
    .top-cart__more:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .top-cart__more::before {
        padding-right: .5rem
    }

.top-cart__accept {
    align-items: center;
    background-color: #6F9D3A;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s !important;
    width: 100%;
    max-width: 17.5rem;
    padding: 1rem
}

    .top-cart__accept::after {
        display: none
    }

    .top-cart__accept:hover,
    .top-cart__accept:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .top-cart__accept::before {
        font-size: 2.1rem;
        padding-right: .5rem
    }

.top-settings__items,
.top-profile__items {
    background-color: #F1F1F1;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    top: 4rem !important;
    right: 0;
    width: 25rem
}

.top-settings__triangle,
.top-profile__triangle {
    transform: translateX(-2rem)
}

.top-settings__item,
.top-profile__item {
    border-bottom: 0.1rem solid #CCC;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 2.5rem 0 1rem
}

    .top-settings__item:last-child,
    .top-profile__item:last-child {
        background-color: var(--primary-color);
        display: flex;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        padding: 2rem 0;
        width: 100%
    }

        .top-settings__item:last-child .top-settings__link,
        .top-profile__item:last-child .top-settings__link {
            color: #fff;
            text-transform: uppercase;
            width: 100
        }

    .top-settings__item:nth-last-child(-n+2),
    .top-profile__item:nth-last-child(-n+2) {
        border: 0
    }

.top-settings__link,
.top-profile__link {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-direction: row-reverse;
    font: 1.8rem AvenirNextCondensed;
    justify-content: space-between
}

    .top-settings__link:hover,
    .top-settings__link:focus,
    .top-profile__link:hover,
    .top-profile__link:focus {
        color: var(--color3);
    }

    .top-settings__link::before,
    .top-profile__link::before {
        font-size: 2.1rem
    }

.top-profile__items {
    top: 2rem !important
}

.top-profile__triangle {
    transform: translateX(4rem)
}

.top-profile__item {
    padding-top: 2rem
}

    .top-profile__item:first-of-type {
        align-items: center;
        border: 0;
        display: flex;
        padding-bottom: 0
    }

    .top-profile__item:nth-last-child(-n+2) {
        border-bottom: 0.1rem solid #CCC
    }

    .top-profile__item:last-child {
        background-color: transparent;
        border: 0;
        justify-content: flex-end;
        padding-right: 2rem
    }

.top-profile__img {
    border: 0.1rem solid #CCC;
    border-radius: 50%;
    min-height: 6.4rem;
  
}

.top-profile__text {
    margin-left: 1.5rem
}

.top-profile__name {
    color: var(--color3);;
    font: 1.5rem AvenirNextCondensed
}

.top-profile__rol,
.top-profile__mail {
    color: var(--primary-color);
    font: 1.1rem AvenirNextCondensed
}

.top-profile__log-out {
    color: var(--color3);;
    font: 1.7rem AvenirNextCondensedMedium;
    text-transform: uppercase
}

.notification {
    margin-right: 1.5rem;
    position: relative
}

.notification-count {
    align-items: center;
    background-color: var(--secondary-color);
    border-radius: 50%;
    color: var(--color3); /*#fff;*/
    display: flex;
    font-family: AvenirNextCondensedDemi;
    height: 1.6rem;
    justify-content: center;
    position: absolute;
    right: -.5rem;
    top: 0;
    width: 1.6rem
}

.navbar {
    bottom: 0;
    position: absolute
}

.navbar__menu {
    left: 4rem;
    position: absolute;
    top: 4rem;
    z-index: 2
}

.navbar__menu--open {
    left: 2rem
}

.navbar__menu-btn {
    align-items: center;
    background-color: #fff;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 7rem;
    justify-content: center;
    padding: 2rem 1rem;
    width: 7rem
}

.navbar__menu-icon {
    background-color: var(--color3);/*#3E4B6C*/;
    border-radius: .4rem;
    height: .7rem;
    position: absolute;
    transition: background-color 15s, opacity .5s, width .5s, transform .5s;
    width: 5rem
}

    .navbar__menu-icon:first-child {
        top: 2rem
    }

    .navbar__menu-icon:nth-child(2) {
        opacity: 1
    }

    .navbar__menu-icon:last-child {
        bottom: 2rem;
        height: .6rem;
        margin-bottom: 0
    }

.navbar__menu-icon--open {
    border-radius: 0;
    width: 4rem
}

    .navbar__menu-icon--open:first-child {
        background-color: var(--primary-color);
        top: auto;
        transform: rotate(-50deg)
    }

    .navbar__menu-icon--open:nth-child(2) {
        opacity: 0;
        width: 0
    }

    .navbar__menu-icon--open:last-child {
        background-color: var(--primary-color);
        bottom: auto;
        transform: rotate(50deg);
        height: .7rem
    }

.navbar__menu-close {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.navbar__content {
    background-color: #EFEEF5;
    left: -32rem;
    height: 100%;
    padding: 3rem 0 0;
    position: absolute;
    width: 32rem
}

.navbar__search {
    display: flex;
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.navbar__search-input {
    border: none;
    border-bottom-left-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    padding: 1rem 2rem;
    width: 100%
}

    .navbar__search-input::placeholder {
        color: var(--primary-color);
        font-family: AvenirNextCondensed
    }

.navbar__search-btn {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    background-color: #fff;
    padding-right: 2rem
}

    .navbar__search-btn::before {
        color: var(--primary-color);
        font-size: 2rem
    }

.navbar__item {
    margin-bottom: 1rem
}

.navbar__link {
    align-items: center;
    border-bottom-right-radius: 3.5rem;
    border-top-right-radius: 3.5rem;
    color: var(--primary-color);
    display: flex;
    font: 2.2rem AvenirNextCondensedDemi;
    margin-right: 2.5rem;
    max-width: 29rem;
    padding: 2rem 2.5rem;
    transition: background-color .5s, color .5s;
    text-transform: uppercase;
    width: 100%
}

    .navbar__link::before {
        color: var(--secondary-color);
        font-size: 3rem;
        padding-right: 2rem
    }

    .navbar__link::after {
        display: none
    }

    .navbar__link:hover,
    .navbar__link--active {
        background-color: var(--color3);;
        color: #fff
    }

.navbar-dropdown__items {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding-left: 6rem;
    padding-top: 2.5rem;
    position: static !important;
    transform: translate3d(0, 0, 0) !important;
    width: 100%
}

.navbar-dropdown__item {
    margin-bottom: 1rem
}

.navbar-dropdown__link {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font: 2rem AvenirNextCondensed;
    transition: color .5s
}

    .navbar-dropdown__link::before {
        color: transparent;
        padding-right: 1rem;
        transition: color .5s
    }

    .navbar-dropdown__link::before {
        opacity: 0;
        transition: opacity .5s
    }

    .navbar-dropdown__link:hover,
    .navbar-dropdown__link--active {
        color: var(--color3);
    }

        .navbar-dropdown__link:hover::before,
        .navbar-dropdown__link--active::before {
            color: var(--color3);;
            opacity: 1
        }

body {
    overflow-x: hidden;
    position: relative
}

.main-container {
    overflow-x: hidden;
    position: relative
}

.hero {
    display: flex;
    position: relative
}

.hero__item {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative
}

.hero__image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: calc(100vh - 12.2rem);
    margin-top: 12.2rem;
    width: 100%
}

.hero__caption {
    position: absolute
}

.hero__caption-title {
    color: #fff;
    font: 4.5rem AvenirNextCondensedBold;
    line-height: 5rem;
    margin-bottom: 11rem;
    max-width: 50rem;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0.2rem #000
}

.owl-dots {
    bottom: 5rem;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

    .owl-dots button.owl-dot {
        background-color: #CCC;
        border-radius: 50%;
        border: 0.3rem solid #fff;
        height: 2.1rem;
        margin-right: 1.5rem;
        pointer-events: auto;
        width: 2.1rem
    }

        .owl-dots button.owl-dot.active {
            background-color: var(--secondary-color); /*var(--color3);*/
        }

.owl-carousel .owl-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    height: calc(100% - 13rem);
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 95%
}

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        align-items: center;
        border-radius: 50%;
        border: 0.2rem solid #fff;
        display: flex;
        height: 4rem;
        justify-content: center;
        pointer-events: auto;
        width: 4rem
    }

        .owl-carousel .owl-nav button.owl-prev span,
        .owl-carousel .owl-nav button.owl-next span {
            display: none
        }

        .owl-carousel .owl-nav button.owl-prev::before,
        .owl-carousel .owl-nav button.owl-next::before {
            color: #fff;
            font-size: 2rem
        }

.hero-inner__image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 36.5rem;
    width: 100%
}

.inner-bar {
    background-color: #EFEEF5;
    display: flex
}

.inner-bar__label {
    align-items: center;
    border-bottom-right-radius: 5rem;
    border-top-right-radius: 5rem;
    background-color: var(--color3);;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 27rem;
    padding-bottom: 1rem;
    padding-right: 3rem;
    padding-top: 1rem;
    width: 100%
}

.inner-bar__label-text {
    color: #fff;
    font: 2rem AvenirNextCondensedDemi;
    padding-left: 2rem;
    text-transform: uppercase
}

.inner-bar__label-icon {
    color: var(--secondary-color);
    font-size: 2.5rem
}

.inner-bar__menu {
    align-items: center;
    display: flex;
    margin-left: 4rem
}

.inner-bar__menu-list {
    display: flex
}

.inner-bar__menu-item {
    padding-left: 2rem;
    padding-right: 2rem
}

.inner-bar__menu-link {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    position: relative;
    transition: background-color .5s, color .5s
}

    .inner-bar__menu-link::before {
        transition: background-color .5s
    }

    .inner-bar__menu-link.active,
    .inner-bar__menu-link:hover {
        color: var(--color3);
        transition: background-color .5s
    }

        .inner-bar__menu-link.active::before,
        .inner-bar__menu-link:hover::before {
            bottom: -3.5rem;
            content: '';
            display: block;
            background-color: var(--color3);
            height: .7rem;
            position: absolute;
            transition: background-color .5s;
            width: 100%
        }

.store__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding: 2rem 5.5rem;
    width: 100%
}

.store__top-title {
    color: var(--color3);
    font: 4rem AvenirNextCondensedBold
}

.store__top-text {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    max-width: 40%
}

.store__top-dropdown {
    max-width: 40rem;
    width: 100%
}

.store__top-button {
    align-items: center;
    background-color: transparent;
    border: 0.1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: var(--primary-color);
    display: flex;
    flex-direction: row-reverse;
    font: 1.7rem AvenirNextCondensed;
    justify-content: space-between;
    padding: 1rem 2rem;
    width: 100%
}

    .store__top-button::after {
        display: none
    }

    .store__top-button:hover,
    .store__top-button:focus {
        background-color: transparent;
        color: #7E75B0
    }

.store__top-menu {
    border-radius: .5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    min-width: 95%
}

.store__section {
    background-color: #EFEEF5
}

.store__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding: 7rem 4rem 4rem
}

.store__items {
    display: flex;
    flex-wrap: wrap
}

.store__item {
    margin-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 33.3%
}

.store__image {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
    position: relative
}

    .store__image::before {
        background: rgba(0, 0, 0, 0.5);
        content: '';
        display: block;
        height: 100%;
        opacity: 0;
        position: absolute;
        transition: opacity .5s;
        width: 100%
    }

    .store__image:hover::before {
        opacity: 1
    }

    .store__image:hover .store__link-details {
        opacity: 1
    }


    .store__image:hover .store__link-details_event {
        opacity: 1
    }

.store__img {
    width: 100%
}

.store__price {
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    display: flex;
    margin-top: 2rem;
    margin-right: 2rem;
    padding: .8rem 1.1rem;
    position: absolute;
    top: 0;
    right: 0
}

.store__price-icon {
    color: var(--primary-color);
    font-size: 2rem;
    padding-right: .5rem
}

.store__price-number {
    font: 1.5rem AvenirNextCondensedDemi
}

.store__link-details {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #fff;
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    max-width: 13rem;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    transition: opacity .5s
}

    .store__link-details::after {
        display: none
    }

    .store__link-details:hover,
    .store__link-details:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__link-details:hover {
        color: #fff
    }

.store__content {
    background-color: #fff;
    padding: 3rem
}

.store__title {
    color: var(--color3);
    font: 2rem AvenirNextCondensedMedium;
    margin-bottom: 1rem;
    min-height: 6rem
}

.store__score {
    margin-bottom: 1rem
}

.store__star {
    color: #ECBF29;
    font-size: 2rem
}

    .store__star.store__star-empty {
        color: #7E75B0
    }

.store__paragraph {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    height: 8rem;
    margin-bottom: 3rem;
    overflow: hidden
}

.store__buttons {
    padding-top: 3.5rem;
    display: flex;
    justify-content: space-between
}

.store__buttons-bg {
    padding: 2rem 0;
    border-bottom-left-radius: .7rem;
    border-bottom-right-radius: .7rem;
    background-color: #EFEEF5;
    justify-content: center
}

.store__buttons-group {
    justify-content: center;
    padding-bottom: 7rem
}

.store__involvement {
    align-items: center;
    display: flex;
    padding-right: 1.5rem
}

.store__involvement-title {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensedDemi;
    padding-right: 1rem
}

.store__involvement-input {
    border: 0.1rem solid #504787;
    border-radius: .7rem;
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    margin: 0;
    max-width: 10rem;
    padding: 1rem 2rem
}

.store__save {
    align-items: center;
    background-color: #6F9D3A;
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    border: 0;
    font: 2.3rem AvenirNextCondensed;
    letter-spacing: .1rem;
    max-width: 17rem;
    margin-left: 1.5rem
}

    .store__save::after {
        display: none
    }

    .store__save:hover,
    .store__save:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__save::before {
        font-size: 2.5rem;
        padding-right: 1rem
    }

    .store__save:hover,
    .store__save:focus {
        background-color: #6F9D3A
    }

.store__lot {
    align-items: center;
    display: flex;
    max-width: 12rem;
    position: relative;
    width: 100%
}

    .store__lot::before {
        color: var(--primary-color);
        font-size: 2rem;
        pointer-events: none;
        position: absolute;
        right: 1.5rem
    }

.store__select {
    -webkit-appearance: none;
    appearance: none;
    border: 0.1rem solid var(--primary-color);
    border-radius: 3rem;
    color: var(--primary-color);
    cursor: pointer;
    font: 1.8rem AvenirNextCondensed;
    padding-bottom: 1rem;
    padding-top: 1rem;
    width: 100%
}

.store__add-cart {
    align-items: center;
    background-color: var(--color3);
    border: 0 solid var(--primary-color);
    border-radius: 3rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    flex-direction: row-reverse;
    max-width: 20rem;
    padding: 0
}

    .store__add-cart::after {
        display: none
    }

    .store__add-cart:hover,
    .store__add-cart:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

.store__add-cart-icon {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    padding-right: 1.5rem
}

.store__add-cart:hover {
    background-color: #6F9D3A
}

.store-detail {
    background-color: #EFEEF5
}

.store-detail__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding: 2rem 4rem 4rem
}

.store-detail__title {
    border-bottom: 0.1rem solid #fff;
    color: var(--color3);
    font: 2.5rem AvenirNextCondensedBold;
    margin-bottom: 3.5rem;
    padding-bottom: 2rem
}

.store-detail__section {
    background-color: #fff;
    display: flex;
    padding: 3rem
}

.store-detail__image {
    position: relative;
    width: 50%
}

.store-detail__img {
    margin-bottom: -.4rem;
    width: 100%
}

.store-detail .store__item {
    margin-bottom: 0;
    width: auto
}

.store-detail .store__buttons {
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

.store-detail .store__buttons-bg {
    width: 100%
}

.store-detail__back {
    align-items: center;
    background-color: var(--primary-color);
    border: .1rem solid var(--primary-color);
    border-radius: 3rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    max-width: 15rem;
  
}

    .store-detail__back::after {
        display: none
    }

    .store-detail__back:hover,
    .store-detail__back:focus {
        background-color: var(--primary-color);
        color: #fff
    }

    .store-detail__back::before {
        padding-right: 2rem
    }

.store-detail__content {
    padding: 3rem 0 3rem 4rem;
    width: 50%
}

.store-detail__paragraph {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    margin-bottom: 3rem
}

.store__benefits {
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding: 7rem 4rem 4rem
}

.store__invite {
    background-color: #fff;
    padding: 5rem 6rem 0
}

.store__invite-group {
    align-items: center;
    border-bottom: 0.1rem solid #EFEEF5;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.5rem;
    padding-bottom: 1rem
}

.store__invite-title {
    color: var(--color3);
    font: 2.5rem AvenirNextCondensedBold
}

.store__invite-add::before {
    font-size: 3.5rem
}

.store__invite-search {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem
}

.store__invite-field {
    display: flex;
    flex-direction: column;
    width: 28%
}

    .store__invite-field:first-child {
        width: 50%
    }

.store__invite-label {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    margin-bottom: 1rem
}

.store__invite-name,
.store__invite-identify {
    border: 0.1rem solid var(--primary-color);
    border-radius: .7rem;
    min-height: 5rem;
    width: 100%;
    font-size:1.7rem;
}

.store__invite-button {
    align-items: center;
    background-color: var(--primary-color);
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    display: flex;
    font: 1.8rem AvenirNextCondensed;
    line-height: 1;
    height: 5rem;
    max-width: 21rem
}

    .store__invite-button::after {
        display: none
    }

    .store__invite-button:hover,
    .store__invite-button:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

.store__invite-container {
    display: none;
    margin-bottom: 5rem
}

.store__button-back {
    align-items: center;
    background-color: var(--primary-color);
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    
    max-width: 15rem
}

    .store__button-back::after {
        display: none
    }

    .store__button-back:hover,
    .store__button-back:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__button-back:hover,
    .store__button-back:focus {
        background-color: #7E75B0
    }

.store__button-cancel {
    align-items: center;
    background-color: #F37887;
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 2rem;
    max-width: 20rem
}

    .store__button-cancel::after {
        display: none
    }

    .store__button-cancel:hover,
    .store__button-cancel:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__button-cancel::before {
        font-size: 2.6rem
    }

    .store__button-cancel:hover,
    .store__button-cancel:focus {
        background-color: #F37887
    }

.store__button-back,
.store__button-Accept,
.store__button-cancel {
    border: 0;
    font-size: 1.9rem
}

    .store__button-back::before,
    .store__button-Accept::before
    .store__button-cancel::before {
        padding-right: 1.5rem
    }

.store__table {
    width: 100%
}

.store__table-title {
    border-bottom: 0.3rem solid #EFEEF5;
    color: var(--color3);
    font: 2rem AvenirNextCondensedDemi;
    padding-bottom: 1.5rem
}

    .store__table-title::before {
        color: #6F9D3A;
        font-size: 2.5rem
    }

.store__table-cell:last-child .store__table-row {
    border: 0;
    padding-bottom: 2rem
}

.store__table-row {
    border-bottom: 0.2rem solid #EFEEF5;
    color: var(--primary-color);
    font: 1.7rem AvenirNextCondensed;
    padding: .7rem 0;
    vertical-align: middle
}

.store__table-label {
    cursor: pointer;
    display: block;
    position: relative
}

.store__table-check {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

    .store__table-check:checked ~ .store__table-custom::before {
        display: block
    }

.store__table-custom {
    align-items: center;
    border-radius: .3rem;
    border: 0.1rem solid var(--primary-color);
    display: flex;
    justify-content: center;
    height: 2rem;
    left: 0;
    position: absolute;
    top: -1rem;
    width: 2rem
}

    .store__table-custom::before {
        color: #6F9D3A;
        display: none;
        font-size: 1rem;
        position: absolute
    }

.store__table-center {
    text-align: center
}

.store__table-sent {
    align-items: center;
    background-color: #BDE396;
    border-radius: 3rem;
    display: flex;
    color: #6F9D3A;
    font: 1.7rem AvenirNextCondensed;
    height: 4rem;
    justify-content: center;
    max-width: 20rem;
    padding: .5rem;
    width: 100%
}

    .store__table-sent::before {
        padding-right: 1rem
    }

.store__table-state {
    align-items: center;
    /*display: flex;*/
    font: 1.8rem AvenirNextCondensed;
    margin-left: auto;
    max-width: 15rem
}

    .store__table-state::before {
        font-size: 2.5rem;
        padding-right: 1rem
    }

.store__table-accepted {
    color: #6F9D3A;
    
}

.store__table-denied {
    color: #F37887
}

.store__table-leave {
    align-items: center;
    background-color: #F37887;
    border-radius: 2.5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 12rem;
    width: 4rem
}

    .store__table-leave::before {
        font-size: 2rem
    }

.store__send {
    align-items: center;
    border-radius: .7rem;
    display: flex;
    background-color: #EFEEF5;
    justify-content: flex-end;
    padding: 2rem 4rem
}

.store__send-text {
    border-right: 0.2rem solid #fff;
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    padding-right: 3rem
}

.store__send-button {
    align-items: center;
    background-color: var(--primary-color);
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 3rem;
    max-width: 20rem
}

    .store__send-button::after {
        display: none
    }

    .store__send-button:hover,
    .store__send-button:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__send-button::before {
        padding-right: 1rem
    }


.store__accumulated {
    background-color: #EFEEF5;
    display: flex;
    justify-content: flex-end;
    padding: .7rem 3rem
}

.store__accumulated-contributed,
.store__accumulated-pending {
    align-items: center;
    display: flex
}

.store__accumulated-text {
    color: var(--primary-color);
    font: 2.2rem AvenirNextCondensedBold
}

.store__accumulated-number,
.store__accumulated-value {
    border: 0.1rem solid var(--primary-color);
    border-radius: .7rem;
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    max-width: 15rem;
    margin-left: 1.5rem;
    padding: 1rem 2rem
}

.store__accumulated-number {
    margin-right: 3rem
}

.cart {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: -51rem;
    z-index: 2
}

.cart__button {
    align-items: center;
    background-color: var(--color3);
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    color: #fff;
    display: flex;
    padding: 2rem 3rem;
    transition: width .5s;
    width: 15rem
}

    .cart__button::before {
        font-size: 2.5rem;
        padding-right: 2.5rem
    }

    .cart__button .notification {
        display: flex;
        flex-grow: 1;
        justify-content: flex-start;
        margin-right: 0
    }

    .cart__button .notification-count {
        height: 2.5rem;
        left: 5rem;
        right: auto;
        top: 0;
        width: 2.5rem
    }

.cart__button-close {
    align-items: center;
    display: none;
    height: 8.5rem;
    justify-content: flex-end;
    padding-right: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

    .cart__button-close::before {
        color: #fff;
        font-size: 2.5rem
    }

.cart__text {
    font: 0 AvenirNextCondensedMedium;
    padding-left: 2rem;
    text-transform: uppercase;
    transform: scale(0);
    transition: font .5s, transform .5s
}

.cart__text--show {
    font-size: 3rem;
    transform: scale(1)
}

.cart__icon {
    color: red;
    color: var(--primary-color);
    padding-left: 1rem
}

    .cart__icon::before {
        font-size: 4.5rem
    }

.cart-popup__wrapper,
.cart-wrapper {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.cart-wrapper {
    z-index: 3
}

.cart__content {
    background-color: #fff;
    height: calc(110vh - 30rem);
    overflow-y: scroll;
    padding: 2.5rem;
    position: relative;
    right: -49rem;
    width: 49rem
}

.cart__item {
    border-bottom: #EFEEF5 solid 0.1rem;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem
}

.cart__item-top {
    display: flex;
    margin-bottom: 2rem
}

.cart__item-number {
    align-items: center;
    background-color: #EFEEF5;
    border-radius: 50%;
    color: var(--primary-color);
    display: flex;
    font: 2.2rem AvenirNextCondensedDemi;
    height: 3rem;
    justify-content: center;
    width: 4rem
}

.cart__item-title {
    color: var(--color3);
    font: 2rem AvenirNextCondensedDemi;
    padding-left: 1.5rem
}

.cart__item-buttons {
    display: flex;
    padding-left: 4.5rem
}

.cart__item-points {
    align-items: center;
    border: #7E75B0 0.1rem solid;
    border-radius: 2.5rem;
    color: var(--color3);
    display: flex;
    font: 1.5rem AvenirNextCondensedDemi;
    max-width: 10rem;
    padding: 1.2rem;
    width: 100%
}

    .cart__item-points::before {
        color: var(--primary-color);
        font-size: 2rem;
        padding-right: .5rem
    }

.cart__item-btn {
    display: flex;
    flex-grow: 1
}

.cart__item-redeem {
    align-items: center;
    background-color: #6F9D3A;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    flex-grow: 1;
    font-size: 2rem;
    margin-left: 1.5rem;
    max-width: 14rem;
    padding: 0;
    text-transform: uppercase
}

    .cart__item-redeem::after {
        display: none
    }

    .cart__item-redeem:hover,
    .cart__item-redeem:focus {
        background-color: #6F9D3A;
        color: #fff
    }

    .cart__item-redeem::before {
        font-size: 2rem;
        padding-right: 1.5rem
    }

.cart__item-remove {
    align-items: center;
    background-color: #F37887;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    max-width: 5rem;
    padding: 0
}

    .cart__item-remove::after {
        display: none
    }

    .cart__item-remove:hover,
    .cart__item-remove:focus {
        background-color: #F37887;
        color: #fff
    }

    .cart__item-remove::before {
        color: #fff;
        font-size: 2rem
    }

.cart__headline {
    color: var(--primary-color);
    font: 3rem AvenirNextCondensedBold;
    /*margin-bottom: 2rem;*/
    padding-left: 1.5rem;
    text-transform: uppercase
}

.cart__buy {
    align-items: center;
    background-color: #EFEEF5;
    display: flex;
    padding: 1rem 2rem
}

.cart__buy-title,
.cart__buy-points {
    color: var(--color3);
    font: 3rem AvenirNextCondensedDemi
}

.cart__buy-title {
    flex-grow: 1
}

.cart__remain {
    align-items: center;
    border-bottom: 0.1rem solid #EFEEF5;
    /*display: flex;*/
    padding: 2rem
}

.cart__remain-title {
    color: var(--primary-color);
    font: 2.5rem AvenirNextCondensedMedium;
    flex-grow: 1
}

.cart__remain-items {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cart__remain-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-left: 2rem
}

.cart__remain-icon::before {
    color: var(--primary-color);
    font-size: 2rem
}

.cart__remain-points {
    color: var(--color3);
    font: 1.8rem AvenirNextCondensedDemi
}

.cart__redeem-now {
    align-items: center;
    background-color: var(--color3);
    border: .1rem solid var(--primary-color);
    border-radius: 3rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    /* font: 3rem AvenirNextCondensedBold;*/
    margin: 3rem auto 5rem;
    max-width: 100%;
    padding-bottom: 1.1rem;
    padding-top: 1.1rem;
    width: auto
}

    .cart__redeem-now::after {
        display: none
    }

    .cart__redeem-now:hover,
    .cart__redeem-now:focus {
        background-color: var(--color3);
        color: #fff
    }

    .cart__redeem-now::before {
        font-size: 3rem;
        padding-right: 1.5rem
    }

.cart-popup {
    align-items: center;
    bottom: 0;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4
}

.cart-popup__container {
    background-color: #fff;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    max-width: 45rem;
    padding: 2.5rem 1.5rem;
    width: 100%
}

.cart-popup__top {
    border-bottom: 0.1rem solid #F1F1F1;
    display: flex;
    padding: 0 1rem
}

.cart-popup__title {
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    flex-grow: 1
}

.cart-popup__close {
    color: var(--primary-color);
    font: 2.5rem AvenirNextCondensedBold
}

.cart-popup__text {
    border-bottom: 0.1rem solid #F1F1F1;
    color: var(--color3);
    display: flex;
    font: 2.2rem AvenirNextCondensedMedium;
    justify-content: center;
    padding-bottom: 6rem;
    padding-top: 6rem
}

.cart-popup__buttons {
    display: flex;
    justify-content: center;
    padding-top: 2rem
}

.cart-popup__cancel {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    color: var(--primary-color);
    margin-right: 1rem;
    max-width: 15rem
}

    .cart-popup__cancel::after {
        display: none
    }

    .cart-popup__cancel:hover,
    .cart-popup__cancel:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

.cart-popup__accept {
    align-items: center;
    background-color: #6F9D3A;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 1rem;
    max-width: 15rem
}

    .cart-popup__accept::after {
        display: none
    }

    .cart-popup__accept:hover,
    .cart-popup__accept:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

.cart-popup__wrapper {
    z-index: 3
}

.success__top {
    background-color: #fff;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding: 1.5rem 5.5rem;
    width: 100%
}

.success__top-title {
    color: var(--color3);
    font: 3rem AvenirNextCondensedBold
}

.success__top-message {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-direction: row-reverse;
    font: 3rem AvenirNextCondensed
}

    .success__top-message::before {
        color: #6F9D3A;
        padding-left: 1.5rem
    }

.success__section {
    background-color: #EFEEF5
}

.success__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 148rem;
    padding-bottom: 5rem;
    padding-top: 2rem
}

.success__text {
    color: var(--color3);
    font: 3rem AvenirNextCondensedMedium;
    margin: 0 auto 5rem;
    max-width: 80rem;
    text-align: center
}

.success__image {
    display: flex;
    margin: 0 auto 4rem;
    max-width: 19rem;
    padding-left: 3.5rem;
}

.success__paragraph {
    color: var(--primary-color);
    font: 2.1rem AvenirNextCondensed;
    margin: 0 auto 4rem;
    max-width: 70rem;
    text-align: center
}

.success__button {
    align-items: center;
    background-color: var(--primary-color);
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin: 0 auto;
    max-width: 19rem
}

    .success__button::after {
        display: none
    }

    .success__button:hover,
    .success__button:focus {
        background-color: var(--primary-color);
        color: #fff
    }

.footer {
    background-color: #fff;
    border-bottom: 1rem solid #504787;
    display: flex;
    padding: 3rem 5rem;
    position: relative
}

    .footer::before,
    .footer::after {
        bottom: -1rem;
        content: '';
        display: block;
        height: 1rem;
        position: absolute;
        width: 33.3%
    }

    .footer::before {
        background-color: var(--color3);
        right: 0
    }

    .footer::after {
        background-color: var(--primary-color);
        left: 0
    }

.footer__logos {
    display: flex;
    flex-grow: 1;
    /*flex-wrap: wrap*/
}

.footer__logos-adn {
    margin-bottom: 1rem;
    width: 100%
}

.footer__logos-lower {
    display: flex;
    justify-content: space-between;
    max-width: 20rem;
    width: 100%;
    visibility:hidden;
    
}

.footer__links {
    align-items: center;
    border-right: 0.1rem solid #CCC;
    display: flex;
    justify-content: space-between;
    padding-right: 4.5rem
}

.footer__link {
    color: #000;
    font: 1.6rem AvenirNextCondensed
}

    .footer__link:first-child {
        border-right: 0.1rem solid #CCC;
        padding-right: 1.5rem
    }

    .footer__link:last-child {
        padding-left: 1.5rem
    }

.footer__contact {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4.5rem;
    max-width: 25rem
}

.footer__contact-company {
    font: 1.6rem AvenirNextCondensedDemi;
    margin-bottom: .1rem
}

.footer__contact-time {
    font: 1.5rem AvenirNextCondensed
}

.footer__contact-paragraph {
    font: 1.5rem AvenirNextCondensed
}

.footer__contact-name {
    font: 1.5rem AvenirNextCondensedDemi
}

.manoselecciona {
    cursor:pointer;
}

#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.75) url(../images/loader.gif) no-repeat center center;
    z-index: 10000;
 
}

.filaSeleccionada {
    background-color:#F1F1F1;
}


.Confirm__accept{
    align-items: center;
    background-color: #6F9D3A;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s !important;
    max-width: 17.5rem;
    padding: 1rem
}


.Confirm__refuse {
    align-items: center;
    background-color: #F37887;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s !important;
    max-width: 17.5rem;
    padding: 1rem
}



.store__button-complete {
    align-items: center;
    background-color: #6F9D3A;
    border: 0rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 2rem;
    max-width: 20rem
}

    .store__button-complete::after {
        display: none
    }

    .store__button-complete:hover,
    .store__button-complete:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__button-complete::before {
        font-size: 2.6rem
    }

    .store__button-complete:hover,
    .store__button-complete:focus {
        background-color: #7E75B0
    }


.store__event_item {
    margin-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 50%
}



.store__link-details_event {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #fff;
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    max-width: 21rem;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    transition: opacity .5s
}

    .store__link-details_event::after {
        display: none
    }

    .store__link-details_event:hover,
    .store__link-details_event:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__link-details_event:hover {
        color: #fff
    }

.store__buttons_events {
   
    display: flex;
    justify-content: space-between
}

.store-detail .store__buttons-bg_event {
    width: 100%
}

.store__buttons-bg_event {
    padding: 2rem 0;
    background-color: #EFEEF5;
    justify-content: center
}


.store-detail__section_event {
    background-color: #fff;
    padding: 1rem
}

.store__invite-group_event {
    align-items: center;
    border-bottom: 0.1rem solid #EFEEF5;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.store__invite_event {
    background-color: #fff;
    padding: 2rem 2rem 0
}


.store__button-Accept {
    align-items: center;
    background-color: #6F9D3A;
    border: .1rem solid ;
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    max-width: 15rem
}

    .store__button-Accept::after {
        display: none
    }

    .store__button-Accept:hover,
    .store__button-Accept:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__button-Accept:hover,
    .store__button-Accept:focus {
        background-color: #7E75B0
    }



.store__button-Accept2 {
    align-items: center;
    background-color: var(--primary-color);
    border: .1rem solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    display: flex;
    font: 1.7rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    max-width: 20rem
}

    .store__button-Accept2::after {
        display: none
    }

    .store__button-Accept2:hover,
    .store__button-Accept2:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__button-Accept2:hover,
    .store__button-Accept2:focus {
        background-color: #7E75B0
    }



.store__table-accepted3 {
    align-items: center;
    background-color: #6F9D3A;
    border-radius: 2.5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 12rem;
   
}

    .store__table-accepted3::before {
        font-size: 2rem
    }


.calendar_info {
    font-size:1.4rem;
}



.top-settings__items_info,
.top-profile__items_info {
    background-color: #F1F1F1;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    top: 4rem !important;
    right: 0;
    width: 55rem
}


.top-settings__item_info,
.top-profile__item_info {
    border-bottom: 0.1rem solid #CCC;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 2.5rem 0 1rem;
    display: inline-block;
    width: 40%;
    margin: 0 2% 0 0;
    list-style-type: none;
    padding: 0 0 5px 15px;
    display: -moz-inline-box;
    color: #fff;
   
    
}



.top-profile__img_reconoce {
    /*border: 0.3rem solid #CCC;
    border-radius: 50%;*/
    background-image: url(../images/avatar/icon-user.svg);
    width: 50px;
    /*min-height: 6.4rem*/
}

.top-profile__triangle_reco {
    border-color: transparent transparent #F1F1F1;
    border-style: solid;
    border-width: 1.5rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -3rem;
    transform: translateX(8rem);
    width: 2.5rem
}

.top-profile__items_reco {
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 10px;
    top: 4rem !important;
    right: 0;
    width: 25rem;
    -webkit-box-shadow: 3px 16px 15px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 16px 15px -1px rgba(0,0,0,0.75);
    box-shadow: 3px 16px 15px -1px rgba(0,0,0,0.75);
}


.top-profile__triangle_reco {
    transform: translateX(-2rem)
}

.top-profile__item_reco {
    border-bottom: 0.1rem solid #CCC;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 2.5rem 0 1rem
}

    .top-profile__item_reco:last-child {
        background-color: var(--primary-color);
        display: flex;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        padding: 2rem 0;
        width: 100%
    }

    .top-profile__item_reco:last-child {
        color: #fff;
        width: 100;
    }

    .top-profile__item_reco:nth-last-child(-n+2) {
        border: 0
    }

.top-profile__link_reco {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-direction: row-reverse;
    font: 1.8rem AvenirNextCondensed;
    justify-content: space-between
}

    .top-profile__link_reco:hover,
    .top-profile__link_reco:focus {
        color: var(--color3)
    }

    .top-profile__link_reco::before {
        font-size: 2.1rem
    }

.top-profile__items_reco {
    top: 0rem !important
}

.top-profile__triangle_reco {
    transform: translateX(-4rem)
}

.top-profile__item_reco {
    padding-top: 2rem
}

    .top-profile__item_reco:first-of-type {
        align-items: center;
        border: 0;
        display: flex;
        padding-bottom: 10px;
    }

    .top-profile__item_reco:nth-last-child(-n+2) {
        border-bottom: 0.1rem solid #CCC
    }

    .top-profile__item_reco:last-child {
        background-color: transparent;
        border: 0;
        justify-content: flex-end;
        padding-right: 2rem
    }

.store-detail__title_reco {
    border-bottom: 0.1rem solid #fff;
    color: var(--color3);
    font: 2rem AvenirNextCondensedBold;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem
}


.store__invite_reco {
    padding: 1rem 6rem 0
}


.store__invite-search_reco {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.store__invite-search_reco2 {
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem
}

.store__invite-field_reco {
    display: flex;
    flex-direction: column;
    width: 45%
}

    .store__invite-field_reco:first-child {
        width: 50%
    }

.tam_icono_normal {
    font-size: 20px;
}


.recognition__box_reconocer {
    background-color: #fff;
    border-radius: .7rem;
    height: 100%;
    padding-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    width: 100%
}

.alinear_izq {
    margin-left: 0;
}

.borde_inferior {
    border-bottom: 0.2rem solid #EFEEF5;
}


.recognition__postulator-item_reco,
.recognition__detail-item_reco {
    align-items: center;
    border-bottom: 0.2rem solid #EFEEF5;
    color: #7E75B0;
    font: 2.1rem AvenirNextCondensed;
    padding: 1rem 1rem
}

    .recognition__postulator-item_reco:last-child,
    .recognition__detail-item_reco:last-child {
        border: 0
    }

    .recognition__postulator-item_reco::before,
    .recognition__detail-item_reco::before {
        color: #6F9D3A;
        font-size: 2.5rem;
        padding-right: 1.5rem
    }



.store__save_img {
    align-items: center;
    background-color: #6F9D3A;
    border: .1rem solid #7E75B0;
    border-radius: 2.5rem;
    color: #fff;
  
    font: 1.3rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color .5s, color .5s;
    width: 100%;
    border: 0;
    font: 1.8rem AvenirNextCondensed;
    letter-spacing: .1rem;
    max-width: 17rem;
    margin-left: 1.5rem
}

    .store__save_img::after {
        display: none
    }

    .store__save_img:hover,
    .store__save_img:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__save_img::before {
        font-size: 2.5rem;
        padding-right: 1rem
    }

    .store__save_img:hover,
    .store__save_img:focus {
        background-color: #6F9D3A
    }


.top-profile__img2 {
    border: 0.1rem solid #CCC;
    border-radius: 50%;
  
}

img {
    max-width: 100%;
}

img_profile_min {
    width: 50px;
    height:50px;
}


.modalBackground {
    background-color: #021628;
    filter: alpha(opacity=85);
    opacity: 0.85;
}


.modalPopup {
    background-color: #ffffdd;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}


.buttonYammer {
    background: url(../images/logos/yammer-icon.svg) no-repeat;
    float: left;
    width: 10px;
    height: 40px;
}

.CuadroOtrasRedes {
    background-color: var(--primary-color);
    margin-left: 0;
    margin-right: 0;
    padding: 2rem 2rem;
    width: 100%;
    border-radius: .7rem
}

.top-cart__image_notifi {
    height: 7rem;
    position: relative;
    width: 30%
}

    .top-cart__image_notifi .store__price {
        bottom: -2rem;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 10rem;
        right: 0;
        top: auto
    }

.icon_rombo {
    background-image: url(../icons/icon-renault-rombo.png);
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
    color: var(--secondary-color);
}


.store__send-button2 {
    align-items: center;
    background-color: var(--primary-color);
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    /*display: flex;*/
    font: 1.5rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 0rem;
    max-width: 20rem
}

    .store__send-button2::after {
        display: none
    }

    .store__send-button2:hover,
    .store__send-button2:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__send-button2::before {
        padding-right: 1rem
    }



.store__rechazar-button2 {
    align-items: center;
    background-color: #F37887;
    border: 0 solid var(--primary-color);
    border-radius: 2.5rem;
    color: #fff;
    /*display: flex;*/
    font: 1.5rem AvenirNextCondensed;
    justify-content: center;
    padding: 1rem 2rem;
    transition: background-color 10s, color .5s;
    width: 100%;
    margin-left: 0rem;
    max-width: 20rem
}

    .store__rechazar-button2::after {
        display: none
    }

    .store__rechazar-button2:hover,
    .store__rechazar-button2:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #fff
    }

    .store__rechazar-button2::before {
        padding-right: 1rem
    }



.store__table-row2 {
    /*border-bottom: 0.1rem solid #B81738;*/
    color: #818181;
    font-size: 14px;
    padding: 2rem 0 !important;
    vertical-align: middle;
    height: 55px;
}

.store__table-row2_alter {
    /*border-bottom: 0.1rem solid #B81738;*/
    color: #818181;
    font-size: 14px;
    padding: 2rem 0 !important;
    vertical-align: middle;
    height: 55px;
    background-color:#ffffff;
}

.store__table-title2 {
    background-color:white;
    color: #030303;
    font-size:14px;
    font-weight:bold;
    /*padding: 2.5rem !important;*/
    height:55px;
    vertical-align:middle !important;
}


.accordion.acc-filtros {
    border: none;
}

    .accordion.acc-filtros hr {
        border-bottom: 2px solid #CDC9EB;
        margin: 0;
    }

    .accordion.acc-filtros .card {
        border: none;
    }

    .accordion.acc-filtros h2 {
        cursor: pointer;
    }

        .accordion.acc-filtros h2 .icon {
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-image: url(../img/icons-accordeon.svg);
            background-size: auto 40px;
            background-position: 100% 0;
            display: block;
            float: right;
            margin-top: -8px;
        }

        .accordion.acc-filtros h2.collapsed .icon {
            background-position: 0 0;
        }

.card-header {
    background-color: #FFFFFF;
    padding: 0;
    border: none !important;
}

    .card-header h2 {
        padding: 1rem 1.25rem;
        font-size: 20px;
    }

.row-pagination {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-item .page-link {
    color: #7D73B9;
}

.page-item.active .page-link {
    background-color: #EFEEF5;
    border: 1px solid #EFEEF5;
    color: #7D73B9;
}

.row-options h3 {
    margin-bottom: 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 20px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.store__table-title2 {
   
    color: var(--color3);
    font: 2rem AvenirNextCondensedDemi;
    padding-bottom: 1.5rem
}


.navbar__search2 {
    display: flex;
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}


.navbar__search-input2 {
    border: 1px solid;
    border-bottom-left-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    border-right:none;
    color: var(--primary-color);
    font: 2rem AvenirNextCondensed;
    padding: 1rem 2rem;
    width: 100%
}

    .navbar__search-input2::placeholder {
        color: var(--primary-color);
        font-family: AvenirNextCondensed
    }

.navbar__search-btn2 {
    border: 1px solid;
    border-left: none;
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    background-color: #fff;
    padding-right: 2rem;
    padding-top: 1rem;
    color: var(--primary-color);
}

    .navbar__search-btn2::before {
        color: var(--primary-color);
        font-size: 2rem
    }

.btn {
    padding: 1rem 2rem !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}


.btn-morado {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

    .btn-morado:hover {
        color: #FFFFFF !important;
        background-color: var(--color2);
    }