/* General */
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/Brandon_Grotesque/bold/Brandon_bld.otf') format('otf');
    src: url('../fonts/Brandon_Grotesque/bold/brandon_bld-webfont.woff2') format('woff2'),
        url('../fonts/Brandon_Grotesque/bold/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_lt_bt';
    src: url('../fonts/cooper_lt_bt/CooperLtBTLight.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plus_jakarta_sans';
    src: url('../fonts/plus_jakarta_sans/PlusJakartaSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plus_jakarta_sans_bold';
    src: url('../fonts/plus_jakarta_sans/PlusJakartaSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plus_jakarta_sans_bold2';
    src: url('../fonts/plus_jakarta_sans/PlusJakartaSans-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../fonts/Brandon_Grotesque/medium/Brandon_med.otf') format('otf');
    src: url('../fonts/Brandon_Grotesque/medium/brandon_med-webfont.woff2') format('woff2'),
        url('../fonts/Brandon_Grotesque/medium/brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/Brandon_Grotesque/light/Brandon_light.otf') format('otf');
    src: url('../fonts/Brandon_Grotesque/light/brandon_light-webfont.woff2') format('woff2'),
        url('../fonts/Brandon_Grotesque/light/brandon_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/Brandon_Grotesque/regular/Brandon_reg.otf') format('otf');
    src: url('../fonts/Brandon_Grotesque/regular/brandon_reg-webfont.woff2') format('woff2'),
        url('../fonts/Brandon_Grotesque/regular/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.btn-account {
    color: white;
    background-color: rgb(72, 76, 96);
    cursor: pointer;
}

::selection {
    background-color: #f1e7e6;
}

::-moz-selection {
    background-color: #f1e7e6;
}

footer ::selection {
    color: #3B083D;
}

footer ::-moz-selection {
    color: #3B083D;
}

/* FONTS */
.font-regular {
    /*font-family: 'brandon_grotesqueregular', sans-serif;*/
    font-family: 'plus_jakarta_sans', sans-serif;
}

.font-bold {
    font-family: 'plus_jakarta_sans_bold', sans-serif;
    /*font-weight: 600 !important;*/
}

.font-medium {
    font-family: 'brandon_grotesquemedium', sans-serif;
}

.font-light {
    font-family: 'brandon_grotesquelight', sans-serif;
}

.text-bold {
    font-weight: bold !important;
}

/*TRANSITION*/
.all-trs-esin {
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.all-trs-esinout {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

html,
body {
    height: 100%;
}

hr {
    border-top: 1px solid #e9d9d2;
}

.no-select {
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.hidden {
    display: none !important;
}

.nowrap {
    white-space: nowrap !important;
}

.portada-invitados {
    height: 100%;
    max-height: 470px;
}

.page-content {
    padding: 0;
}

.fixed-top {
    -webkit-transform: translateZ(0);
}

.fixed-header-scroll {
    box-shadow: 0 0 4px #e9d9d2;
}

.height_100 {
    height: 100%;
}

.pos-rel {
    position: relative;
}

.testimonios {
    background: #F5F6FF;
}

.bigger-font {
    font-size: 18px !important;
}

.visible-responsive {
    visibility: hidden;
    display: none;
}

.bg-rounded-container,
.bg-rounded {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.bg-rounded {
    overflow: hidden;
}

.bg-rounded:before {
    background-color: #fbfafb;
    content: '';
    width: 150%;
    height: 100%;
    width: 4000px;
    height: 3000px;
    border-radius: 0 0 50% 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.bg-icon:after {
    background: url(../img/home/ic_se_lazo.png);
    content: '';
    position: absolute;
    bottom: -24px;
    margin-left: -32px;
    width: 62px;
    height: 62px;
    z-index: 22;
}

.bg-lazo {
    background-image: url(../img/home/ic_se_lazo.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

body {
    background-color: #f4f2f3;
    color: #3B083D;
    font-size: 13px;
    font-family: 'plus_jakarta_sans', sans-serif;
}

@media screen and (min-width: 1200px) {
    body {
        padding-top: 76px !important;
    }
}

strong,
b {
    font-family: 'plus_jakarta_sans', sans-serif;
}

img {
    max-width: 100%;
}

*::before,
*::after,
a {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

a:focus {
    outline: 0;
}

a i {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

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

input[type=checkbox].checkbox+label {
    border-radius: 25px;
    border: 1px solid #e9d9d2;
    line-height: 1;
    padding: 5px 15px;
}

input[type=checkbox].checkbox+label:hover {
    border-color: #3B083D;
}

input[type=checkbox].checkbox:checked+label {
    border-color: #3B083D;
    background-color: #3B083D;
}

input[type=checkbox].checkbox:checked+label span {
    color: white !important;
}

input[type=checkbox].checkbox:checked+label:before {
    color: white !important;
}

input[type=checkbox].checkbox+label span {
    line-height: inherit;
    display: inline-block;
    /* vertical-align: middle; */
}

input[type=checkbox].checkbox+label:before {
    /* color: #b8b6cb; */
    color: white !important;
    content: 'L';
    display: inline-block;
    vertical-align: middle;
    -ms-transform: scaleX(-1) rotate(-45deg);
    -webkit-transform: scaleX(-1) rotate(-45deg);
    transform: scaleX(-1) rotate(-45deg);
    margin-right: 13px;
    margin-top: -3px;
}

input[type=checkbox].checkbox:checked+label:before {
    color: #3B083D;
}

/* Add Gift Button */
.add-gift-button {
    height: 320px;
    background-color: #f4f2f3;
    border-radius: 2px;
    border: dashed 2px #e9d9d2;
    transition: all 0.25s;
    font-weight: normal;
    /*color: comment cause was blank */
}

.add-gift-button .content {
    opacity: 0.4;
}

.add-gift-button .content .gift-icon {
    color: #FF7171;
    font-size: 50px;
}

.add-gift-button:hover {
    background-color: #f4f2f3;
    text-decoration: none;
    border-color: #FF7171;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.add-gift-button:hover .content {
    opacity: 1;
}

.add-gift-button-grid {
    background-color: #f4f2f3;
    border-right: dashed 2px #e9d9d2 !important;
    border-left: dashed 2px #e9d9d2 !important;
    transition: all 0.25s;
    opacity: 0.4;
}

.add-gift-button-grid:hover {
    text-decoration: none;
    opacity: 1;
}

.add-gift-button-grid:hover a {
    text-decoration: none;
}

.add-gift-button-grid a .button {
    border: dashed 2px #FF7171;
    background-color: transparent;
    color: #FF7171;
}

/* Containers */
.no-padding {
    padding: 0 !important;
}

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

    /* Mi Perfil */
    .mi-perfil-page .mi-perfil-container {
        max-width: 640px;
    }
}

@media screen and (min-width: 992px) {
    .lg-container {
        max-width: 1319px;
    }

    .sm-container {
        max-width: 667px;
    }

    .sm2-container {
        max-width: 888px;
    }

    .md-container {
        max-width: 1125px;
    }

    .md-dashboard-container {
        max-width: 1031px;
    }

    /*GIFTS*/
    .header-buttons .header-left-buttons {
        padding-left: 45px;
        padding-right: 24px;
    }

    .header-buttons .header-right-buttons {
        padding-left: 0;
        padding-right: 45px;
    }

    .novios-tab-content .add-gifts #regalo-predeterminado .sidebar-add-gifts,
    .header-buttons .header-left-buttons {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .novios-tab-content .add-gifts .content-add-gifts,
    .header-buttons .header-right-buttons {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    }

    .novios-tab-content .add-gifts .sidebar-add-gifts {
        padding: 45px;
    }

    .novios-tab-content .add-gifts .content-add-gifts {
        padding: 45px;
    }

    /* INVITADOS */
    .invitados-tab-content .sidebar-list-gifts {
        padding: 40px;
    }

    .invitados-tab-content .content-list-gifts {
        padding: 40px;
    }

    .mi-perfil-page .mi-perfil-container {
        max-width: 1100px;
    }
}

/* Menu */
.navbar {
    max-width: 1095px;
    margin: auto;
}

.logo img {
    /* max-width: 184px; */
    max-width: 200px;
}

.bg-oldtheme {
    background-color: #3a2c4c !important
}

.navbar-expand-lg .navbar-nav li {
    margin: 0 12px;
}

.navbar .navbar-nav .nav-link {
    border-radius: 4px;
    color: #3B083D;
    font-size: 14px;
    /*font-weight: 600;*/
    padding: 13px 0px;
    position: relative;
    outline: none;
}

.navbar .navbar-nav .nav-item:not(.nav-item-notification):hover .dropdown-menu {
    display: block !important;
}

header.navbar .navbar-nav:hover .nav-item:not(.nav-item-button) .nav-link {
    color: #b8b6cb;
}

header.bd-navbar .navbar-nav .nav-link.active,
header.bd-navbar .navbar-nav .nav-link:hover,
header.bd-navbar .navbar-nav .nav-item:hover .nav-link,
header.bd-navbar .navbar-nav .nav-item.show .nav-link {
    color: #5b4d77 !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #3B083D;
}

.bd-navbar .navbar-nav .nav-link:after {
    border: 0;
    border-bottom: 2px solid transparent;
    content: '';
    height: 17px;
    left: 0;
    margin: 0;
    position: absolute;
    bottom: -2px;
    width: 100%;
}

header .navbar-nav .nav-link.active:after {
    border-bottom-color: #FF7171;
}

footer .navbar-nav .nav-link.active:after {
    border-bottom-color: #FF7171;
}

.nav-link.dropdown-toggle i {
    display: none;
    font-size: 18px;
    margin-left: 10px;
}

header .nav-link.dropdown-toggle i {
    color: #FF7171;
}

.navbar-nav svg.se_icon {
    fill: #FF7171;
    width: 30px;
    height: 30px;
    display: block;
    pointer-events: none;
}

.navbar-nav svg.se_icon g {
    stroke: #FF7171;
}

.bd-navbar .navbar-nav .nav-link i,
.bd-navbar .navbar-nav .nav-link span {
    line-height: normal;
    vertical-align: middle;
}

.se_icon_bell {
    background: url(../img/se_ic_notify.png) center no-repeat;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
}

.navbar-expand-lg .navbar-nav .login {
    margin-right: 13px;
}

header.navbar-expand-lg .navbar-nav .login .nav-link {
    color: #FF7171 !important;
}

.bd-navbar .navbar-nav .login .nav-link.active:after,
.bd-navbar .navbar-nav .login .nav-link:hover:after {
    border-bottom-color: #FF7171;
}

.navbar-expand-lg .navbar-nav .nav-item-button {
    padding: 6px 0;
    margin: 0 5px;
}

.navbar-expand-lg .navbar-nav .nav-item-button i {
    margin-right: 11px;
}

.navbar-expand-lg .navbar-nav .nav-item-button:last-of-type {
    margin: 0;
}

.bd-navbar .navbar-nav .nav-item-button .nav-link {
    border-radius: 8px;
    color: #3B083D;
    /* padding: 6px 15px; */
    padding: 6px 10px;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}

.bd-navbar .navbar-nav .nav-item-button .nav-link-terra {
    background-color: #FF7171;
    border: 1px solid #FF7171;
}

.bd-navbar .navbar-nav .nav-item-button .nav-link-terra:hover {
    background-color: #fff;
    color: #FF7171 !important;
}

.bd-navbar .navbar-nav .nav-item-button .nav-link:after {
    display: none;
}

.bd-navbar .navbar-nav .nav-item-button .btn-dashboard {
    border: 1px solid #e9d9d2;
    background-color: #ffffff;
    color: #FF7171;
}

.bd-navbar .navbar-nav .nav-item-button .btn-dashboard:hover {
    border-color: #FF7171;
    color: #FF7171;
}

.bd-navbar .navbar-nav .nav-link span {
    display: inline-block;
    vertical-align: middle;
}

.navbar .navbar-toggler {
    color: #FF7171;
    font-size: 0px;
    outline: none;
    padding: 10px 15px;
}

.navbar .navbar-toggler .item {
    background-color: #FF7171;
    border-radius: 5px;
    height: 3px;
    width: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.navbar .navbar-toggler .item:nth-child(even) {
    width: 22px;
}

.navbar .navbar-toggler:not(.collapsed) .item {
    width: 25px;
}

.navbar .navbar-toggler:not(.collapsed) .nb-1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 5px);
    transform: rotate(-45deg) translate(-4px, 5px);
}

.navbar .navbar-toggler:not(.collapsed) .nb-2 {
    opacity: 0;
}

.navbar .navbar-toggler:not(.collapsed) .nb-3 {
    -webkit-transform: rotate(45deg) translate(-5px, -6px);
    transform: rotate(45deg) translate(-5px, -6px);
}

.navbar .dropdown-menu {
    font-size: 12px;
    border: 0;
    border-radius: 0;
    top: 61px;
    padding: 0;
}

.navbar .dropdown-menu.profile-dropdown {
    left: -50%;
    z-index: 9999;
}

header.navbar .dropdown-menu {
    /* box-shadow: 0px 2px 4px #f2ebe7; */
    box-shadow: 0px 2px 4px #3B083D40;
    margin: 0;
}

.navbar .dropdown-item {
    border-bottom: 1px solid #dddfe2;
    /* padding: 10px 24px; */
    padding: 10px 20px;
    position: relative;
}

.navbar .dropdown-item:hover {
    cursor: pointer !important;
}

.navbar .dropdown-item:last-of-type {
    border-bottom: 0;
}

.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
    background: inherit;
    color: inherit;
}

.navbar .dropdown-item.active:after {
    background: #FF7171;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 10px;
    margin-top: -5px;
    top: 50%;
}

/*DROPDOWN*/
/*Fix showing*/
.show>.dropdown-menu {
    display: block;
}

.navbar .dropdown-item {
    white-space: inherit;
}

.bd-navbar .navbar-nav .dropdown .count {
    position: absolute;
    top: 2px;
    right: 13px;
    height: 22px;
    width: 23px;
    border: 1px solid #fff;
    overflow: hidden;
    background: #FF7171;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    font-size: 13px;
    line-height: 19px;
}

header.navbar .dropdown-menu .dm-icon-caret {
    position: absolute;
    top: -20px;
    right: 74px;
    color: #FF7171;
    font-size: 30px;
    margin: 0 0 0 -9px !important;
}

header.navbar .dropdown-menu-notificaciones {
    left: inherit;
    right: -50px;
    width: 351px;
}

header.navbar .dropdown-menu-notificaciones .dropdown-menu-title {
    font-size: 12px;
}

.navbar-expand-lg .navbar-nav .nav-item-notification i {
    margin: 0;
}

.dropdown-menu-content {
    font-size: 14px;
    text-transform: none;
    max-height: 343px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.navbar .dropdown-menu-content .dropdown-item {
    padding: 11px 14px;
}

.navbar .dropdown-menu-content .dropdown-item.not-read {
    background-color: rgba(245, 237, 250, 0.7);
}

.navbar .dropdown-menu-content .dropdown-item:hover {
    background-image: linear-gradient(rgba(29, 33, 41, .04), rgba(29, 33, 41, .04));
}

.dropdown-menu-content .dropdown-item-icon i {
    border: 1px solid #e9d9d2;
    border-radius: 34px;
    line-height: 32px;
    height: 34px;
    width: 34px;
    text-align: center;
}

.dropdown-menu-content .checklist_icon:before {
    background-position: 67% center;
    background-size: 15px;
    height: 100%;
    width: 100%;
}

.dropdown-item-content {
    line-height: 16px;
}

.dropdown-item-icon {
    padding-right: 15px;
}

.bd-navbar .dropdown .no-notification .count {
    /*display: none !important;*/
}

.bd-navbar .navbar-nav .nav-item-notification .nav-link {
    font-size: 15px;
    line-height: 10px;
}

.bd-navbar .navbar-nav .nav-item-notification .nav-link .profile-img {
    background-position: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.alert {
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 99999999999;
    width: 100%;
    left: 0;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    border: 0;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.alert-general {
    background-color: #3B083D;
}

.alert-error {
    background-color: #FF7171;
}

.alert-success {
    background-color: #3dbd78;
}

.testimonio-detalle-content {
    color: #3B083D;
    font-family: 'plus_jakarta_sans';
    font-size: 13px !important;
    line-height: 1.8;
}

/*INPUTS*/
form {
    font-size: 13px;
}

textarea {
    resize: none;
}

.form-control {
    border: 0;
    border-bottom: 1px solid #e9d9d2;
    border-radius: 0;
    font-size: 12px;
}

.form-control:focus {
    border-color: #FF7171;
}

.input-transparent,
.input-transparent:focus {
    background-color: transparent;
}

/*PLACEHOLDER*/
::-webkit-input-placeholder {
    color: #b8b6cb !important;
}

:-ms-input-placeholder {
    color: #b8b6cb !important;
}

:-moz-placeholder {
    color: #b8b6cb !important;
}

footer ::-webkit-input-placeholder {
    color: #3B083D !important;
}

footer :-ms-input-placeholder {
    color: #3B083D !important;
}

footer :-moz-placeholder {
    color: #3B083D !important;
}

/* LINKS */
.parent-nolink a {
    text-decoration: none !important;
}

a.nolink {
    text-decoration: none !important;
}

/* BORDER */
.children-border>div:not(:last-of-type) {
    border: 1px solid #fff;
}

.children-border-right>div:not(:last-of-type) {
    border-right: 1px solid #fff;
}

.children-inside-border-right {
    padding-left: 0px;
    padding-right: 0px;
}

.children-inside-border-right>div:not(:last-of-type):after {
    border-right: 1px solid #3B083D;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

/* BACKGROUND */
.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.bg-light {
    background-color: #fbfafb !important;
}

.bg-payne {
    background-color: #3B083D !important;
}

.bg-fondo {
    background-color: #FF7171 !important;
}

.bg-charcoal {
    background-color: #3B083D !important;
}

.bg-silver {
    background-color: #b8b6cb !important;
}

.bg-terra {
    background-color: #FF7171 !important;
}

.bg-almond {
    background-color: #e9d9d2 !important;
}

.bg-white-smoke {
    background-color: #f6f5fa !important;
}

/* COLORES */
.text-terra {
    color: #FF7171 !important;
}

.text-silver {
    /* color: #b8b6cb !important; */
    color: #92919c !important;
}

.text-payne {
    color: #3B083D !important;
}

.text-coral {
    color: #ff8181 !important;
}

.text-pale {
    color: #FF7171 !important;
}

.text-slate-gray {
    color: #78708b !important;
}

.text-almond {
    color: #e9d9d2 !important;
}

.text-underline {
    text-decoration: underline;
}

.ls-1 {
    letter-spacing: 1px;
}

/*BUTTON*/
.bg-white-payne {
    background-color: #fff !important;
    border: 1px solid #e9d9d2 !important;
}

.btn-white-silver:focus {
    box-shadow: 0 0 0 3px rgba(184, 182, 203, 0.27);
}

.btn-white-terra:focus,
button.bg-terra:focus {
    box-shadow: 0 0 0 3px rgba(238, 109, 94, 0.15);
}

.text-se-purple {
    color: #3B083D !important;
}

button.btn-white,
a.btn-white {
    border: 1px solid #e9d9d2;
}

button.btn-white:hover,
a.btn-white:hover {
    border-color: #FF7171;
}

button.btn-white:focus,
a.btn-white:focus {
    border-color: #FF7171;
}

.btn-back:before {
    background: url(../img/home/ic_se_arrow_left_active.png) center no-repeat;
    content: '';
    display: inline-block;
    width: 20px;
    height: 12px;
    margin-right: 8px;
    vertical-align: middle;
}

.btn-back span {
    vertical-align: middle;
}

/* TITLES */
.pale-title {
    color: #FF7171;
    font-size: 19px;
    letter-spacing: 0.27em;
}


.pale-title .span_benefit {
    color: #3B083D;
}

.mb-sp30 {

    margin-top: 13px;
    margin-bottom: 10px !important;
}

.payne-lg-title2 {
    font-size: 35px !important;
}

.payne-lg-title {

    font-family: 'cooper_lt_bt';
    color: #3B083D;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 46px;
}

.payne-lg-title.mb-small {
    margin-bottom: 30px;
    font-size: 26px;
}

.mb-60p {
    margin-bottom: 60px !important;
}

.mb-12p {
    margin-bottom: 12px !important;

}

.payne-sm-title {
    color: #3B083D;
    font-family: 'plus_jakarta_sans_bold2', sans-serif;
    /*font-weight: 700;*/
    font-size: 14px;
    text-transform: uppercase;
}

.p-jakarta {
    font-family: 'plus_jakarta_sans', sans-serif;
}

.p-jakarta-b {
    font-family: 'plus_jakarta_sans_bold', sans-serif;
}

.p-jakarta-ib {
    font-family: 'plus_jakarta_sans_bold', sans-serif !important;
}

.cf-content {
    font-family: 'plus_jakarta_sans', sans-serif;
    color: #3B083D;

    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
}

.charcoal-title {
    font-family: 'plus_jakarta_sans';
    color: #3B083D;
    font-size: 20px;
}

.white-title {
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
}

.almond-title {
    color: #FF7171;
    font-family: 'plus_jakarta_sans';
    font-size: 16px;
}

/* SEARCH */
.banner-search {
    min-height: 355px;
}

.banner-search .overlay {
    opacity: 0.6;
}

.results-banner .title {
    font-size: 30px;
}

.results-banner .subtitle {
    font-size: 20px;
    max-width: 400px;
    margin: 0 auto;
}

.results .search-title-box {
    border-bottom: solid 1px #e9d9d2;
}

.results .search-title {
    font-size: 14px;
}

.results .search-result-item {
    border: solid 1px rgba(184, 182, 203, 0.5);
    border-radius: 2px;
    margin-bottom: 10px;
    transition: all 0.25s;
}

.results .search-result-item:hover {
    border-color: #3B083D;
    text-decoration: none;
}

.results .search-result-item .info {
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    color: #3B083D;
}

.results .search-result-item .icon {
    position: absolute;
    top: 0;
    left: 0;
}

.about-us-text h3.pale-title {
    color: white;
}

.about-us-text h2.payne-lg-title {
    color: white;
}

.about-us-text p.content-text {
    color: white;
}

/*DISFRUTA*/
.disfruta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
}

.disfruta-buttons {
    position: absolute;
    bottom: 0;
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 30px;
    left: 0;
    right: 0;
}

.dis-btn-mbs {
    margin-bottom: 20px;
}

.dis-btn-cont-pbs {
    padding-bottom: 40px;
}

.disfruta .container {
    padding-bottom: 67px;
    padding-top: 67px;
}

.disfruta .container button,
.disfruta .container input,
.disfruta .container a {
    pointer-events: auto;
}

.disfruta-title {
    font-family: 'cooper_lt_bt';
    font-size: 35px;
    margin-bottom: 16px;
    padding-top: 210px;
    color: white;
}

.disfruta-subtitle {
    font-family: 'plus_jakarta_sans';
    font-size: 24px;
    color: white;
}

.disfruta-content-title {
    font-family: 'plus_jakarta_sans';
    font-size: 19px;
    margin-bottom: 16px;
}

.disfruta .btn {
    max-width: 265px;
    padding: 14px 23.5px !important;
    white-space: normal;
    text-transform: uppercase;
}

.disfruta .search-input,
.disfruta .search-btn {
    border-radius: 34px;
    height: 58px;
}

.disfruta .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 165px;
}

.disfruta .search-input {
    padding: 12px 180px 12px 40px;
}

/* Como Funciona */
.fc-mt {
    margin-top: 33px;
}

.you-sp-top {
    padding-top: 3rem;
}

.fc-mb {
    margin-bottom: 32px;
    width: 98px;
    height: 98px;
}


/*Home Blocks*/
.home-blocks {
    background-color: white;
}

.bg-pgray {
    background-color: #F4F4F9;
}

.hrounded-card {
    border-radius: 16px;
}

.home-blocks .bg-rounded:before {
    background-color: #f4f2f3;
}

/* Menu Home */
.home-menu .children-inside-border-right>div:not(:last-of-type):after {
    top: 10px;
    bottom: 10px;
}

.cir-img {
    background: url('../img/home/menu/bg-purple-round.svg') no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: white;
}

.home-menu-icon {
    min-height: 85px;
}

.home-menu-icon img {
    max-height: 69px;
    min-height: 69px;
}

.home-menu-title {
    color: #3B083D;
    width: 120px;
}

/* PORQUE ENVOLTURAS */
/*Home*/
.porque-envolturas ul li {
    border-color: #e9d9d2;
    font-size: 15px;
}

.porque-envolturas ul li .se_icon {
    width: 80px;
}

/*Page*/
.porque-se .pale-title {
    font-size: 20px;
}

.porque-se-bg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.porque-se-bg:after {
    background: url(../img/se_icon_se.png) center no-repeat;
    content: '';
    display: inline-block;
    width: 94px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -47px;
    position: absolute;
    z-index: 2;
}

.porque-se .hash-link {
    background: url(../img/porque-se/se_icon_down.png) center no-repeat;
    height: 74px;
    width: 74px;
    font-size: 0;
    position: absolute;
    bottom: -37px;
    left: 50%;
    margin-left: -34px;
    z-index: 4;
}

.porque-se-container {
    max-width: 1126px;
}

/* TESTIMONIOS */
.testimonio-title {
    font-size: 23px;
    font-family: 'cooper_lt_bt';
    font-weight: 400;
    color: #3B083D;
}

.testimonio-detalle {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;

}


.testimonio-detalle:before {
    background: url(../img/ic_se_comillas.png) center no-repeat;
    content: '';
    display: inline-block;
    position: relative;
    background-size: contain;
    left: 0;
    height: 60px;
    margin: 10px 0;
    width: 40px;
}

/* SUSCRIBETE */
.suscribete .input-suscribete,
.suscribete .btn-suscribete {
    font-size: 14px;
}

.suscribete .input-suscribete:focus {
    border-color: white;
}

.input-suscribete::placeholder {
    color: #5b4d77 !important;
}

.suscribete .btn-suscribete {
    background-color: transparent;
    border: 1px solid #e9d9d2;
    color: #3B083D;
    padding: 11px 35px;
}

.suscribete .btn-suscribete:hover {
    border: 1px solid #3B083D;
    color: #3B083D;
}

/* FAQ */
.page-faq {
    background-color: #fbfafb;
}

.page-faq .nav-tabs .nav-item {
    width: 184px;
}

.page-faq .nav-tabs .nav-link {
    background: #ffffff;
    border: 1px solid #e9d9d2;
    border-radius: 25px;
    color: #3B083D;
    font-size: 12px;
}

.page-faq .nav-tabs .nav-link.active {
    background: #FF7171;
    border-color: #FF7171;
    color: #ffffff;
}

.faq .bg-rounded:before {
    background-color: #f4f2f3;
}

.faq-list {
    list-style: none;
}

.faq-list .faq-list-item {
    border-bottom: 1px solid #e9d9d2;
    position: relative;
    /*padding-left: 70px;*/
}

.faq-list .faq-list-item .title {
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
}

.faq-list .faq-list-item .title.collapsed {
    margin-bottom: 0 !important;
}

/*.faq-list .faq-list-item .title:before{
  content: '?';
  border: 1px solid #e9d9d2;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  font-size: 31px;
  display: inline-block;
  vertical-align: middle;
  color: #b8b6cb;
  font-family: 'brandon_grotesquebold';
  position: absolute;
  left: 0;
  text-align: center;
}
.faq-list .faq-list-item .title:not(.collapsed):before{
  border-color: #FF7171;
  color: #6a5b5b;
}*/
.faq-respuesta {
    font-weight: normal;
    letter-spacing: 0.15px;
    font-size: 18px;
    color: #807e94 !important;
}

.bg-flores {
    position: relative;
    overflow: hidden;
}

.bg-flores:after,
.bg-flores:before {
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    bottom: 0;
    width: 400px;
    height: 300px;
    z-index: -1;
}

.bg-left-flores:before {
    background-image: url(../img/se_flores_left.png);
    left: 0;
}

.bg-right-flores:after {
    background-image: url(../img/se_flores_right.png);
    right: 0;
}

/* CONTACTO */
.contacto {
    font-size: 14px;
}

.contacto .form-control {
    font-size: 14px;
}

.contacto textarea {
    border: 1px solid #e9d9d2;
    height: 88px;
}

.contacto button {
    border: 1px solid #e9d9d2;
}

.contacto-social {
    font-size: 16px;
}

.contacto-social i {
    width: 30px;
}

.contacto-social .social-links .social-button {
    border-color: #b8b6cb;
    color: #b8b6cb;
}

.contacto-social .social-links .social-button:hover {
    border-color: #FF7171;
    color: #78708b;
}

/*PORQUE SE*/
.porque-se-item p {
    font-size: 15px;
    line-height: 1;
    max-width: 158px;
    margin: auto;
}

.porque-se-img {
    height: 50px;
}

.porque-se-img img {
    max-height: 100%;
}

/* SOCIALES */
.social-links .social-button {
    border: 1px solid #6b627e;
    color: #78708b;
    display: inline-block;
    font-size: 20px;
    height: 44px;
    width: 44px;
    line-height: 44px;
}

/* INVITADOS */
.bg-invitados {
    background-image: url(../img/se_invitados.jpg);
}

.bg-invitados:before {
    background: rgba(58, 44, 76, 0.6);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}

body[class*=page-invitados] .portada-invitados {
    height: calc(100% - 72px);
}

.portada-tabs-container {
    box-shadow: 0px 2px 0px 0px #e9d9d2;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 30px;
    margin-right: 15px;
}

.portada-tabs-container.header-invitados {
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.portada-tabs-container.header-invitados .nav .nav-item {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.portada-tabs-container.header-invitados .nav .nav-link {
    font-size: 12px !important;
    padding: 0 !important;
    border-radius: 0;
}

.portada-tabs-container.header-invitados .nav .nav-link.active {
    background-color: transparent !important;
    color: #3B083D !important;
}

.portada-tabs-container.header-invitados .nav .nav-link:hover {
    color: #3B083D !important;
}

.portada-tabs-container.header-invitados .nav .nav-link i {
    display: none;
}

.portada-tabs .nav {
    padding-right: 0;
    justify-content: center;
}

.portada-tabs .nav .nav-item {
    box-shadow: 0px 1px 1px 0px #e9d9d2;
    padding: 0px;
}

.portada-tabs .nav-link {
    border-radius: 0;
    font-size: 13px;
    padding: 24px 2px;
}

.portada-tabs .nav .nav-link.active,
.portada-tabs .nav .nav-link:hover,
.portada-tabs .show>.nav-pills .nav-link {
    color: #3B083D !important;
    background-color: #fff;
}

.portada-tabs .nav .nav-link.active {
    box-shadow: 0px 2px 0px 0px #FF7171;
}

.portada-tabs .nav .nav-link i {
    font-size: 19px;
    margin-right: 12px;
}

.portada-tabs .nav .nav-link .fa-envelope {
    font-size: 17px;
}

.portada-tabs .nav .nav-link i,
.portada-tabs .nav .nav-link span {
    vertical-align: middle;
}

.portada-tabs .nav .nav-link.active i,
.portada-tabs .nav .nav-link:hover i {
    color: #FF7171 !important;
}

.checklist_icon:before {
    background: url(../img/home/ic_se_checklist.png) center no-repeat;
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
}

.portada-asistencia .nav-link:not(:hover):not(.active) .checklist_icon {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.portada .title {
    font-size: 26px;
}

.portada-desc {
    font-size: 16px;
    white-space: pre-wrap;
}

.portada-info {
    margin-top: 40px;
}

.portada-edit {
    display: none;
}

.portada-edit.show {
    display: block;
}

.portada-edit .description-form {
    border: solid 1px white !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

.portada-edit .description-form:focus {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.portada-edit label.error {
    color: white;
    font-size: 13px;
}

.invitados-border:before,
.invitados-border:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #ff8181;
    position: relative;
    top: -5px;
    z-index: 2;
}

.invitados-border:before {
    left: -12px;
}

.invitados-border:after {
    right: -12px;
}

.btn-inv-list {
    max-width: 242px;
}

.header-buttons {
    border: 0;
    box-shadow: 0px 1px 0px 0px #e9d9d2;
    padding: 15px 20px;
}

.header-buttons .tab-buttons {
    position: absolute;
    bottom: -27px;
}

.header-buttons .tab-button {
    padding: 12px 20px;
    border: solid 1px #e9d9d2;
    border-bottom: 0;
    color: #3B083D;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    transition: all 0.25s;
    box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.06);
}

.header-buttons .tab-button:hover {
    text-decoration: none;
    border-color: #FF7171;
}

.header-buttons .tab-button.active {
    border-color: #FF7171;
    font-weight: bold;
}

.header-buttons .button {
    border-radius: 50px;
    border-color: #e9d9d2;
    font-size: 12px;
}

.header-buttons.nav-tabs .nav-item.show .nav-link,
.header-buttons.nav-tabs .nav-link.active {
    background-color: #FF7171 !important;
    border-color: #FF7171 !important;
    color: #fff !important;
}

.header-buttons .btn-back {
    max-width: 250px;
}

.invitados-tab-content .sidebar-list-gifts {
    border-right: solid 1px #e9d9d2;
}

.invitados-tab-content .content-list-gifts .view-items-mode span {
    font-size: 12px;
}

.invitados-tab-content .content-list-gifts .view-items-mode a {
    border: solid 1px #e9d9d2;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 36px;
    line-height: 36px;
    color: #b8b6cb;
    border-radius: 50px;
    transition: all 0.25s;
}

.invitados-tab-content .content-list-gifts .view-items-mode a:hover {
    color: #3B083D;
    text-decoration: none;
}

.invitados-tab-content .content-list-gifts .view-items-mode a.active {
    color: #3B083D;
    border-color: #FF7171;
}

/* New Gift Item */
.gifts-list .new-gift-item .image-box {
    height: 215px;
}

.gifts-list .new-gift-item .image-box .image {
    position: absolute;
    height: 100%;
    width: 100%;
    height: 215px;
    opacity: .6;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    overflow: hidden;
    transition: all 0.25s;
}

.gifts-list .new-gift-item.added .image-box .image {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

.gifts-list .new-gift-item:hover .image-box .image {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

.gifts-list .new-gift-item .image-box .button {
    z-index: 9;
    transition: all 0.25s;
}

.gifts-list .new-gift-item .image-box .button:hover {
    opacity: 1;
}

.gifts-list .new-gift-item .content-box {
    border: 1px solid #e9d9d2;
    padding: 10px 15px;
}

.gifts-list .new-gift-item .content-box .description {
    padding-right: 10px;
}

.gifts-list .new-gift-item .content-box .description .gift-name {
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 6px;
    color: #3B083D;
}

.gifts-list .new-gift-item .content-box .description .gift-name:hover {
    cursor: pointer;
    text-decoration: underline;
}

.gifts-list .new-gift-item .content-box .description .category {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}

.gifts-list .new-gift-item .content-box .description .price {
    font-size: 20px;
    line-height: 16px;
}

.gifts-list .new-gift-item .content-box .quantity-buttons button {
    color: #e9d9d2;
    background: transparent;
    border: 0;
    transition: all 0.1s;
}

.gifts-list .new-gift-item .content-box .quantity-buttons button:hover {
    color: #FF7171;
    cursor: pointer;
}

.gifts-list .new-gift-item .content-box .quantity-buttons button:focus {
    cursor: pointer;
    outline: 0;
}

/**/

.gifts-list .gift-img {
    height: 227px;
}

.gifts-list .gift-height {
    height: 215px !important;
}

.gifts-list .gift-detail {
    border: 1px solid #e9d9d2;
}

.gift-added .gift-detail {
    border-color: transparent;
}

.gift-title {
    font-size: 14px;
}

.gift-title-desc {
    font-size: 16px;
}

.gift-price {
    font-size: 16px;
}

.gifts-grid .gift-img {
    height: 141px;
    width: 178px;
}

.gifts-grid .table td,
.gifts-grid .table th {
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #e9d9d2;
    border-top: 1px solid #e9d9d2;
}

.gifts-grid .table th {
    border: solid 1px #3B083D;
    border-right: solid 1px #b8b6cb;
}

.gifts-grid .table tbody td:nth-child(2) {
    /*First is hidden*/
    border-left: 1px solid #e9d9d2;
}

.gifts-grid .table tbody td:last-of-type {
    border-right: 1px solid #e9d9d2;
}

.gifts-grid .table th h6 {
    font-size: 14px;
}

.gifts-grid .gift-added .gift-img {
    box-shadow: 0 0 0 3px #FF7171;
}

.gifts-grid .action-buttons .button {
    width: 41px;
    height: 41px;
    padding: 0;
    line-height: 39px;
    margin-bottom: 10px;
}

.gifts-grid .action-buttons .button:last-child {
    margin-bottom: 0px;
}

.gifts-grid .action-buttons .see-details {
    border: 1px solid #e9d9d2;
    font-size: 18px;
}

.gifts-grid .action-buttons .see-details:hover {
    border-color: #FF7171;
    color: #FF7171 !important;
}

.gifts-grid .btn-plus {
    border: 1px solid #FF7171;
    font-size: 30px;
    line-height: 43px;
}

.gifts-grid .gift-item-content .gift-img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}

.gifts-grid .gift-item-content.added .gift-img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

.gifts-grid .gift-item-content:hover .gift-img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

.gifts-grid .action-buttons .button-delete {
    display: none;
}

.gifts-grid .gift-added .action-buttons .button-delete {
    display: inline-block;
}

.gifts-grid .gift-added .action-buttons .btn-plus {
    display: none;
}

.gifts-grid .quantity-button {
    background: transparent;
    border: 0;
    color: #e9d9d2;
    transition: all 0.1s;
    font-weight: bold;
    font-size: 26px;
    padding: 4px;
}

.gifts-grid .quantity-button i {
    line-height: 0;
}

.gifts-grid .quantity-button:hover {
    text-decoration: none;
    color: #FF7171;
    cursor: pointer;
}

a.first-tc {
    font-size: 20px;
    position: relative;
    text-decoration: none;
}

a.first-tc:hover:after,
a.first-tc:focus:after {
    border-bottom: 1px solid #3B083D;
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 5px;
}

/*Aisistencia*/
.bg-portada-carousel {
    min-height: 300px;
}

.bg-portada-carousel:before {
    background-color: rgba(91, 77, 119, 0.8);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

.asistencia .button {
    max-width: 276px;
}

.asistencia-title {
    font-size: 19px;
}

.invitados-buttons .button {
    max-width: 260px;
}

.confirmar .button {
    border: 1px solid transparent;
    max-width: 300px;
}

.confirmar input[type="checkbox"]:checked+label span {
    font-size: 0;
}

.confirmar input[type="checkbox"]+label span:before {
    content: '';
    font-size: 14px;
}

.confirmar input[type="checkbox"]:checked+label span:before {
    content: attr(data-tpmsj);
}

/*DASHBOARD*/
.resumen-status {
    border-bottom: 2px solid #e9ecef;
}

.resumen-status-box .border {
    min-height: 150px;
}

.resumen-status .resumen-status-title {
    min-height: 32px;
}

.resumen-status i {
    width: 16px;
}

.resumen-status i.fa-heart-o {
    font-weight: bold;
}

.page-content i.se_user:before {
    background-image: url(../img/ic_se_user.png);
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
}

.resumen-status-title {
    font-size: 14px;
}

.resumen-status-content {
    font-size: 40px;
    /*padding-left: 24px;*/
    text-align: center;
}

.resumen-status-semana {
    border-bottom: 1px solid #e3e1f4;
}

.resumen-status-semana>div {
    border-left: 1px solid #e3e1f4;
}

.resumen-status-semana>div:last-of-type {
    border-right: 1px solid #e3e1f4;
}

.visitas-dia {
    font-size: 30px;
}

.visitas-fecha {
    font-size: 12px;
}

.visitas-barra-parent {
    display: inline-block;
    position: relative;
    height: 162px;
    padding-top: 35px;
    width: 54px;
    vertical-align: bottom;
}

.visitas-barra-child {
    height: 100%;
}

.visitas-barra-parent:before {
    background-color: #FF7171;
    content: '';
    display: inline-block;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
}

.visitas-barra-parent:after {
    content: '';
    border-right: 1px solid #e9d9d2;
    display: inline-block;
    position: absolute;
    height: 100%;
    bottom: 0;
}

.visitas-barra-content {
    border-radius: 28px 28px 0px 0px;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

/* Footer */

footer ul.mainmenu-footer {
    margin: 0 !important;
}

.secondary-footer a {
    color: #78708b !important;
}

.secondary-footer .link-tw {
    display: none !important;
}

footer a:hover {
    color: #FF7171;
}

footer .footer-menu {
    max-width: none;
    border-bottom: 1px solid #5b4d77;
}

footer .navbar .navbar-nav .nav-link {
    color: #78708b;
}

footer .bd-navbar .navbar-nav .nav-link.active,
footer .bd-navbar .navbar-nav .nav-link:hover,
footer .bd-navbar .navbar-nav .nav-item:hover .nav-link,
footer .bd-navbar .navbar-nav .nav-item.show .nav-link {
    color: #b8b6cb;
}

.small-suscribete button.btn-suscribete {
    box-shadow: none !important;
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    height: 85px !important;
    padding: 0;
    bottom: 0;
    text-align: center;
}

.small-suscribete .btn-suscribete i {
    margin: 0;
}

.small-suscribete .input-suscribete:not(:focus) {
    border-bottom: 1px solid #5b4d77;
}

.secondary-footer {
    padding: 48px 0;
}

.secondary-footer .social-links .social-button:hover {
    border-color: #b8b6cb;
    color: #FF7171;
}

/* Dedicatorias */

.dedicatoria-card {
    padding: 30px;
    border-radius: 0px 0px 40px 40px;
}

.dedicatoria-card.dc-left::before {
    content: '';
    position: absolute;
    left: -25px;
    top: 0;
    border: solid 25px white;
    border-left-color: transparent;
    border-bottom-color: transparent;
    width: 0;
    height: 0;
}

.dedicatoria-card.dc-right::before {
    content: '';
    position: absolute;
    right: -25px;
    top: 0;
    border: solid 25px white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    width: 0;
    height: 0;
}

.dedicatoria-card .logo-sticker {
    background-color: white;
    display: inline-block;
    position: absolute;
    top: -25px;
    border-radius: 50px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px #FF7171;
}

.dedicatoria-card.dc-left .logo-sticker {
    right: -25px;
}

.dedicatoria-card.dc-right .logo-sticker {
    left: -25px;
}

.footer-menu .container .navbar-collapse .nav-item a {
    font-size: 11px !important;
}

.testim-padd {
    padding: 38px !important;
}

.recom-pad {
    padding-top: 67px;
}



.dedicatoria-card .logo-sticker img {
    max-width: 55px;
}

.dedicatoria-card .lazo-rsp {
    display: none;
}

.dedicatoria-card p {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
}

.dedicatoria-card h3 {
    margin-bottom: 0;
    font-size: 20px;
}

/* Menu Invited New */
.menu-invited-page-class .menu-invited-page {
    max-width: 500px;
}

.menu-invited-page-class .menu-invited-header h2 {
    line-height: 34px;
}

.fz-25px {
    font-size: 25px !important;
}

.menu-invited-page-class .menu-invited-box .menu-invited-item {
    border: solid 1px #FF7171;
    border-radius: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 170px;
    background: #f4f2f3;
    transition: all 0.25s;
    text-decoration: none;
    color: #3B083D;
}

.menu-invited-page-class .menu-invited-box .menu-invited-item:hover {
    background-color: #3B083D;
    border-color: #3B083D;
}

.menu-invited-page-class .menu-invited-box .menu-invited-item h4 {
    font-size: 0.9em;
    margin: 0;
    text-decoration: none;
    line-height: 20px;
}

.menu-invited-page-class .menu-invited-box .menu-invited-item img {
    max-height: 60px;
}

.menu-invited-page-class .menu-invited-box .menu-invited-item:hover h4 {
    color: white;
}

.menu-invited-page-class .days-to-date {
    border-radius: 50px;
    background-color: white;
}

.menu-invited-page-class .days-to-date img {
    height: 40px;
}

.menu-invited-page-class .days-to-date h5 {
    font-size: 18px;
}

@media screen and (min-width: 768px) {
    body {
        padding-top: 70px;
    }

    .navbar {
        padding: 15px;
    }



    /*GRIDS*/
    .col-md-5-cols {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .banners {
        padding-bottom: 68px;
    }

    /*Home*/
    .home-menu {
        /* background-image: url(../img/home/menu/home-sm-ramo.jpg); */
    }

    .home-menu.bg-cover:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #FF7171;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .porque-envolturas-img {
        background-image: url(../img/home/envoltura/se_pq_13A9558.jpg);
    }

    /*TESTIMONIOS*/
    .testimonios-container {
        overflow: hidden;
        max-width: 704px;
        /*sssccc*/
        padding: 43px 50px 0px;
    }

    .testimonios-container .owl-carousel .owl-stage-outer {
        overflow: inherit;
    }

    .testimonios-container .owl-carousel .owl-item:not(.active) {
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }

    .testimonio-imagen {
        position: absolute;
        left: -77px;
        top: -80px;
        height: 200px;
        width: 200px;
    }

    .testimonios-carousel.owl-carousel .owl-nav .owl-prev {
        margin-bottom: 20px;
    }

    .testimonios-carousel .owl-nav {
        position: absolute;
        left: 120px;
        bottom: 50px;
        z-index: 9;
    }

    /*SUSCRIBETE*/
    .suscribete .btn-suscribete {
        width: auto;
    }

    /*CONTACTO*/
    .bg-contacto {
        background-image: url(../img/se_contacto.jpg);
    }

    /*INVITADOS*/
    .select-invitados-menu {
        display: none;
    }

    .portada {
        max-width: 930px;
    }

    .gift-detail {
        padding: 20px !important;
    }

    .invitados-carousel .owl-nav {
        position: absolute;
        right: 50%;
        bottom: 40px;
        margin-right: -42px;
    }

    .asistencia-detail {
        margin-bottom: 80px !important;
    }



    /*NOVIOS*/
    .select-novios-menu {
        display: none;
    }

    .header-buttons .btn-create-gift {
        max-width: 264px;
    }

    ul.novios-tab-menu .nav-item:nth-child(n+4) .nav-link {
        color: #b8b6cb;
        border-radius: 5px;
        border: solid 1px rgba(255, 255, 255, 0.3);

    }

    ul.novios-tab-menu .nav-item:nth-child(n+4) .nav-link:hover {
        background-color: rgba(58, 44, 76, 0.25);
        color: white;
    }

    ul.novios-tab-menu .nav-item:nth-child(n+4) .nav-link.active {
        background-color: rgba(58, 44, 76, 0.25);
        color: white;
        border-color: rgba(255, 255, 255, 0.6)
    }

    /*MODAL*/
    .custom-modal .modal-dialog .modal-content {
        padding: 60px !important;
    }

    .custom-modal.new-category-modal .modal-dialog .modal-content {
        padding: 30px 40px !important;
    }

    .custom-modal .modal-dialog .modal-content.modal-2 {
        padding: 0px !important;
    }

    /* PERSONALIZAR WEB */
    .customize-web .oc-customize-web .owl-nav {
        position: absolute;
        top: 40%;
        width: 100%;
    }

    .customize-web .oc-customize-web .owl-nav .owl-prev {
        position: absolute;
        left: -4px;
    }

    .customize-web .oc-customize-web .owl-nav .owl-next {
        position: absolute;
        right: -4px;
    }

    /* Mi Perfil */
    .mi-perfil-page .mi-perfil-container {
        max-width: 920px;
    }
}

/* TEXTO ENRIQUECIDO BOX */
.note-editor.note-frame {
    border-radius: 0;
    border: solid 1px #e9d9d2 !important;
}

.card-header {
    background-color: white !important;
    border-bottom: solid 1px #e9d9d2 !important;
}

.note-editor .btn-light {
    color: #3B083D !important;
    background-color: #fff !important;
    border: 0 !important;
}

.note-editor .dropdown-menu {
    border: solid 1px #e9d9d2 !important;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,
.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {
    border-bottom: solid 1px #e9d9d2 !important;
}

.why-se-header {
    margin-top: 62px;
}


@media screen and (max-height: 704px) {
    .disfruta-title {
        padding-top: 160px;
    }
}


@media screen and (max-height: 650px) {
    .disfruta-title {
        padding-top: 110px;
    }
}

@media screen and (max-height: 605px) {
    .disfruta-title {
        padding-top: 50px;
    }
}

@media screen and (max-height: 545px) {
    .disfruta-title {
        padding-top: 10px;
    }
}

/* special sizes landing */

@media screen and (max-height: 704px) and (max-width: 767px) {
    .disfruta-title {
        padding-top: 110px !important;
    }
}


@media screen and (max-height: 650px) and (max-width: 767px) {
    .disfruta-title {
        padding-top: 60px !important;
    }
}

@media screen and (max-height: 605px) and (max-width: 767px) {
    .disfruta-title {
        padding-top: 10px !important;
    }
}

@media screen and (max-height: 545px) and (max-width: 767px) {
    .disfruta-title {
        padding-top: 5px !important;
    }
}

/*special sizes landing */
@media screen and (min-width: 992px) {

    body {
        padding-top: 90px;
    }

    .navbar .not-loggedin .dropdown-menu,
    footer .navbar .dropdown-menu {
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        min-width: 197px;
    }

    .disfruta-title {
        /*margin-top: 60px;*/
    }

    /* CREAR EVENTO - NOVIOS TAB MENU */
    /*ul.novios-tab-menu:after{
      right: -46%;
      width: 88.666%;
    }*/
}

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

    ul.novios-tab-menu:after {
        right: -46%;
        width: 90.666%;
    }
}

.hcart {
    margin-left: auto !important;
    margin-right: 25px !important;
}

@media screen and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }

    .hcart {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .portada-tabs-container {
        margin-left: 0px;
    }

    .fixed-header .navbar .container #navbarResponsive .mt-sm-h4 {
        border-bottom: 2px solid white !important;
    }

    .bd-navbar .navbar-nav .nav-link:after {
        bottom: 0;
        display: none;
    }

    header.navbar .dropdown-menu-notificaciones {
        left: 50%;
        right: 0;
        position: absolute;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        top: 50px;
    }

    header.navbar .dropdown-menu .dm-icon-caret {
        right: inherit;
        left: 50%;
    }

    /*FOOTER*/
    footer .navbar .navbar-nav .nav-link {
        padding: 4px 0;
    }

    /* NOVIOS - RESPONSIVE TABLE */
    .novios-table thead {
        display: none;
    }

    .novios-table tbody tr {
        border: solid 1px #e9d9d2;
        margin-bottom: 10px;
        padding: 10px;
        display: block;
        border-radius: 5px;
    }

    .novios-table tbody tr td {
        padding: 1px 0 !important;
        display: block;
        border: 0 !important;
        text-align: left;
        font-weight: normal;
    }

    .novios-table tbody tr td[data-head]::before {
        color: #e9d9d2;
        content: attr(data-head) ":";
        display: inline-block;
        margin-right: 5px;
        min-width: 55px;
    }

    .novios-table tbody tr td .thank-button {
        text-align: center;
        background-color: transparent !important;
        border: solid 1px #e9d9d2;
        color: #3B083D;
        text-transform: uppercase !important;
        max-width: 200px;
    }
}

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

    /*Gral*/
    .hidden-sm {
        display: none !important;
    }

    /*Home*/
    .home-menu {
        background: url('../img/home/menu/bg-purple-round2.svg') no-repeat;
        background-size: cover;
        background-position: top center;
        background-color: white;
        padding: 0 15px;
    }

    .home-menu .container>.row {}

    .home-menu .container>.row>div:not(:last-of-type) {}

    .home-menu-title h2 {
        color: inherit;
    }

    .mb-sm-head {
        margin-bottom: 40px;
    }

    .mt-sm-h4 {
        margin-top: 40px;
    }

    .testim-padd {
        padding: 5px !important;
    }

    .recom-pad {
        padding-top: 52px;
    }

    .testimonios-container {
        overflow: hidden;
        max-width: 704px;
        /*sssccc*/
        padding: 44px 2px 0px;
    }

    .dis-btn-cont-pbs {
        padding-bottom: 10px;
    }

    .mb-sm-h16 {
        padding-bottom: 16px;
    }

    .navbar .navbar-nav .nav-link {
        padding: 22px 0;
    }

    .testimonio-detalle-content {
        font-size: 14px !important;
    }

    .disfruta .container {
        padding-bottom: 47px;
        padding-top: 47px;
    }

    .logo img {
        /* max-width: 184px; */
        max-width: 185px;
    }

    .children-inside-border-right {
        padding-left: 45px;
        padding-right: 45px;
    }

    .why-se-header {
        margin-top: 51px;
    }


    .you-sp-top {
        padding-top: 0px;
    }

    .children-inside-border-right>div:nth-child(2n):after {
        display: none;
    }

    .children-inside-border-right>div:not(:last-of-type):after {
        border-right: none;
    }

    .testimonios-carousel.owl-carousel .owl-nav {
        background-color: #fff;
        padding-bottom: 20px;
        text-align: center;
    }

    .testimonios-carousel.owl-carousel .owl-nav .owl-prev {
        margin-right: 15px;
    }

    .testimonios-carousel.owl-carousel .owl-nav .owl-next,
    .testimonios-carousel.owl-carousel .owl-nav .owl-prev {
        display: inline-block;
        vertical-align: middle;
    }

    /*Invitados*/
    .invitados-carousel .owl-nav {
        background-color: #fff;
    }

    .customize-web .content-block {
        text-align: center;
    }

    .customize-web .color-boxes {
        display: inline-block !important;
    }

    .customize-web .color-boxes .color-box {
        margin: 0 auto;
        margin-bottom: 10px;
        width: 50%;
    }

    .customize-web .font-boxes {
        display: inline-block !important;
    }

    .customize-web .font-boxes .font-selector-box {
        text-align: center;
        margin-bottom: 10px;
        width: 50%;
        float: left;
    }

    /*MODAL*/
    .custom-modal .modal-dialog.w-100 {
        width: 95% !important;
    }
}

/* CUSTOM MODAL */

.modal-backdrop {
    background-color: #3B083D;
}

.modal-backdrop.show {
    opacity: .95;
}

.modal {
    text-align: center;
    padding: 0 !important;
    overflow: scroll;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.custom-modal .modal-dialog {
    max-width: 480px;
}

.custom-modal .modal-dialog .modal-content {
    border-radius: 0;
    margin: 0 auto;
}

.modal-content {
    border: 0;
}

.modal-content.modal-2 {
    padding: 0 !important;
}

.modal-content .button-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 20px;
    color: #b8b6cb;
    transition: all 0.05s;
}

.modal-content .button-close:hover {
    text-decoration: none;
    color: #FF7171;
}

.modal-content .form-title-section {
    margin-bottom: 40px;
}

.modal-content .form-title-section .title {
    font-size: 30px;
    color: #3B083D;
    margin-bottom: 0;
}

.modal-content .form-title-section .subtitle {
    font-size: 14px;
    color: #b8b6cb;
    margin-top: 20px;
    margin-bottom: 0;
}

.modal-content .separator {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #b8b6cb;
}

.modal-content .separator::before {
    content: "ó";
    background-color: white;
    padding: 5px 20px;
    position: absolute;
    line-height: 0;
    margin-top: -8px;
    margin-left: -25px;
    font-size: 26px;
    color: #3B083D;
}

.modal-content .form-actions {
    margin-bottom: 15px;
    font-size: 12px;
}

.modal-content .form-msg {
    padding: 10px 0px 0px;
}

.modal-content .incomplete-form {
    color: #FF7171;
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
    transition: all 0.25s;
}

.modal-content .incomplete-form.show {
    display: block;
}

.custom-modal.wide-modal .modal-dialog {
    max-width: 800px;
    width: 100%
}

.custom-modal.medium-modal .modal-dialog {
    max-width: 600px;
    width: 100%
}

/* NOVIOS MODAL */

.custom-modal.novios-modal .modal-header {
    justify-content: center;
    padding: 30px 40px;
    border-bottom: solid 1px #e9d9d2;
}

.custom-modal.novios-modal .modal-body {
    padding: 40px;
}

.custom-modal.novios-modal .modal-body .contacts-import {
    padding-bottom: 24px;
}

.custom-modal.novios-modal .modal-body .contacts-import h6 {
    font-size: 12px;
    /*margin-right: 40px;*/
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link {
    margin-right: 30px;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link:last-child {
    margin-right: 0;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link:hover {
    text-decoration: none;
    cursor: pointer;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link img {
    display: inline-block;
    margin-bottom: 6px;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link span {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #3B083D;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link:hover span {
    color: #FF7171;
}

.custom-modal.novios-modal .modal-body .contacts-import .ci-link:focus span {
    color: #FF7171;
}

.custom-modal.send-invitation-modal .modal-content {
    padding: 50px !important;
}

.custom-modal.send-invitation-modal .invitation-field .file-upload i {
    display: inline-block;
    width: 20px;
    line-height: 18px;
    margin-right: 5px;
    color: white;
    font-size: 12px;
    border-radius: 20px;
    background-color: white;
    border: solid 1px #FF7171;
    transition: all 0.25s;
}

.custom-modal.send-invitation-modal .invitation-field .file-upload.checked i {
    background-color: #FF7171;
}

/* CREATE WEB MODAL */

.genero-checkbox input[type=radio]+label {
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    width: 50%;
    float: left;
    border: solid 1px #e9d9d2;
    background-color: transparent;
    color: #b8b6cb;
    font-size: 12px;
    text-align: center;
    transition: all 0.25s;
}

.genero-checkbox input[type=radio]:hover+label {
    cursor: pointer;
}

.genero-checkbox input[type=radio]:checked+label {
    color: white;
    border-color: #3B083D;
    background-color: #3B083D;
}

/* FORMS */

.form-field-box {
    margin-bottom: 10px;
}

.form-field-box label {
    display: block;
    color: #3B083D;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
}

.form-field-box label span {
    color: #FF7171;
    font-size: 16px;
    visibility: hidden;
}

.form-field-box label span.show {
    visibility: visible;
}

.form-field-box label span.error {
    visibility: visible;
    margin-left: 5px;
}

.form-field-box .form-field {
    width: 100%;
    position: relative;
    text-align: left;
    line-height: 20px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    padding: 12px 0;
    font-size: 12px;
    color: #3B083D;
    border: 0;
    border-bottom: solid 1px #e9d9d2;
    margin-bottom: 10px;
    transition: all 0.25s;
}

.form-field-box .form-field.disabled {
    border: 0 !important;
}

.form-field-box select.form-field {
    border-radius: 0;
    height: auto;
}

.form-field-box .form-field-icon .field-icon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50px;
    color: #FF7171;
    transition: all 0.05s;
}

.form-field-box .form-field-icon .field-icon:hover {
    color: #3B083D;
    text-decoration: none;
}

.form-field-box .form-field:focus {
    outline: 0;
    border-bottom: solid 1px #FF7171;
}

.form-field-box.search-field::before {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #e9d9d2;
    font-size: 16px;
    position: absolute;
    top: 5px;
    right: 0;
}

.form-field-box.select-arrow::before {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 0;
}

.select-arrow::before {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
    pointer-events: none;
}

.select-arrow-step3::before {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    position: absolute;
    top: 40px;
    right: 0px;
    pointer-events: none;
}

.se-checkbox-selector.custom-control {
    padding-left: 30px;
}

.se-checkbox-selector .custom-control-indicator {
    border-radius: 50px;
    border: solid 1px #e9d9d2;
    background-color: white;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    background-color: none;
    text-align: center;
}

.se-checkbox-selector .custom-control-input:checked:focus+span {
    color: white;
}

.se-checkbox-selector .custom-control-input+span svg {
    visibility: hidden;
}

.se-checkbox-selector .custom-control-input:focus+span svg {
    visibility: hidden;
}

.se-checkbox-selector .custom-control-input:checked:focus+span svg {
    visibility: hidden;
}

.custom-control-input:focus~.custom-control-indicator {
    color: #b8b6cb;
    outline: 0;
    box-shadow: none;
}

.se-checkbox-selector .custom-control-input:disabled~.custom-control-indicator {
    background-color: #b9b9b9;
    border-color: #b9b9b9;
}

.se-checkbox-selector .custom-control-indicator i:before {
    color: white !important;
}

.se-checkbox-selector .custom-control-input:checked+span {
    color: white;
    background-color: #3B083D;
    border-color: #3B083D;
    outline: 0;
    box-shadow: none;
}

.se-checkbox-selector .custom-control-input:checked {
    outline: 0;
    border: 0;
}

.se-checkbox-selector input[type=checkbox]+.locked {
    visibility: hidden;
    position: absolute;
    right: -22px;
    top: 3px;
}

.se-checkbox-selector input[type=checkbox]:disabled+.locked {
    visibility: visible;
}

.se-checkbox-selector .custom-control-input:focus {
    outline: 0;
    border: 0;
}

/* BUTTONS */

a.link {
    text-decoration: none;
}

.btn-lista-regalos {
    font-size: 15px !important;
}

.button {

    /*font-weight: 600;*/
    font-family: 'plus_jakarta_sans_bold';
    background-color: #b8b6cb;
    display: inline-block;
    padding: 12px 25px;
    font-size: 13px;
    color: white;
    border: 0;
    border-radius: 8px;
    transition: all 0.25s;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
}

.banner-p-sp {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.no-text-transform {
    text-transform: none !important;
}

.testimonio-header {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
    text-align: left !important;
    margin-top: 16px;
}

.button:hover {
    opacity: 0.85;
    text-decoration: none;
    color: white;
}

.button:focus {
    outline: 0;
}

.button.button-large {
    padding: 28px 15px;
    font-size: 18px;
}

.button.button-small {
    padding: 6px 15px;
}

.button.button-primary {
    background-color: #FF7171;
}

.button.button-nude {
    background-color: #e9d9d2;
}

.button.button-nude:hover {
    background-color: #e4cbbf;
}

.button.button-facebook {
    background-color: #085394;
}

.button.button-outline {
    border: solid 1px #e9d9d2;
    background-color: transparent;
    color: #3B083D;
}

.button.button-outline-white {
    border: solid 1px white;
    background-color: transparent;
    color: white;
}

.button.button-outline-white i {
    color: white;
}

.button.button-outline-white:hover {
    background-color: white;
    color: #3B083D;
}

.button.button-outline-white:hover i {
    color: #3B083D;
}

.button.button-outline i {
    color: #e9d9d2;
}

.button.button-outline:hover {
    border-color: #FF7171;
    opacity: 1;
}

.button.button-outline:hover i {
    color: #FF7171;
}

.button.inactive {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

/* HELPERS */

.section {
    padding-top: 60px;
    padding-bottom: 60px;
}

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

.section-small-home {
    padding-top: 30px;
    padding-bottom: 60px;
}

.fz-16 {
    font-size: 16px !important;
}

.section-short {
    padding-top: 15px;
    padding-bottom: 15px;
}

.w-auto {
    width: auto !important;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.bg-s-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-p-center {
    background-position: center;
}

.white-tc {
    color: white !important;
}

.facebook-tc {
    color: #085394 !important;
    font-size: 18px;
}

.paragraph-tc {
    color: #b8b6cb;
}

.align-items-flex-end {
    align-items: flex-end;
}

/* CREATE WEB PAGE */

.create-web-steps .nav-tabs {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
}

.create-web-steps .nav-link {
    border-radius: 0;
    border: 0;
    padding: 15px;
    transition: all 0.25s;
    height: 100%;
}

.create-web-steps .nav-link {
    /*border-bottom: solid 1px #b8b6cb;*/
    border-right: solid 1px #e9d9d2;
}

.create-web-steps .nav-item:last-child .nav-link {
    border-right: 0;
}

.create-web-steps .nav-link .number {
    height: 36px;
    width: 36px;
    line-height: 34px;
    text-align: center;
    border: solid 1px #b8b6cb;
    border-radius: 50px;
    margin-right: 15px;
}

.create-web-steps .nav-link .title {
    max-width: 200px;
    font-size: 14px;
}

.create-web-steps .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: -15px;
    border-bottom: solid 2px #FF7171;
    width: 100%;
    left: 0;
}

.create-web-steps .nav-link.active .number {
    color: #3B083D !important;
    border-color: #FF7171;
}

.create-web-steps .nav-link.active .title {
    color: #3B083D !important;
}

.create-web-steps .tab-pane {
    background-color: white;
    padding: 20px;
}

.create-web-steps .step1 .title-section .title {
    font-size: 18px;
}

.create-web-steps .step2 .img-bg {
    padding: 40px;
}

.create-web-steps .step2 .overlay {
    opacity: 0.8;
}

.create-web-steps .step2 .imgsize-message {
    margin-bottom: 80px;
}

.create-web-steps .step2 .message-form {
    background-color: transparent;
    border: solid 1px white;
    color: white;
    padding: 15px;
}

.create-web-steps .step2 .message-form:focus {
    outline: 0;
}

.create-web-steps .step3 .title-section .title {
    font-size: 14px;
}

/* BUTTON CHECKBOX */

.button-checkbox {
    padding: 0 10px;
}

.category-chk .button-checkbox input[type=checkbox]+label {
    font-size: 10px;
    padding-left: 20px;
    text-align: center;
}

.button-checkbox input[type=checkbox]+label {
    font-size: 14px;
    border: solid 1px #e9d9d2;
    border-radius: 50px;
    cursor: pointer;
    padding: 12px 20px;
    padding-left: 40px;
    margin-bottom: 20px;
    width: 100%;
    text-transform: uppercase;
}

.new-category-modal .button-checkbox input[type=checkbox]+label {
    margin-bottom: 10px;
}

.button-checkbox input[type=checkbox]+label i {
    color: #ffffff;
    line-height: 20px;
}

.button-checkbox input[type=checkbox]:checked+label {
    background-color: #3B083D;
    border-color: #3B083D;
    color: white;
}

.button-checkbox input[type=radio]+label {
    position: relative;
    display: -webkit-inline-box;


    font-size: 14px;
    border: solid 1px #e9d9d2;
    border-radius: 50px;
    padding: 12px 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.button-checkbox.t-radio input[type=radio]+label i {
    /* color: #ffffff; */
    color: #3B083D;
}

.button-checkbox input[type=radio]+label i {
    color: #b8b6cb;
    line-height: 20px;
}

.button-checkbox input[type=radio]:hover+label {
    cursor: pointer;
}

.button-checkbox input[type=radio]:checked+label {
    background-color: #3B083D;
    border-color: #3B083D;
    color: white;
}

.button-checkbox input[type=radio]:checked+label i {
    color: white;
}

.button-checkbox.ui-state-hover label.droppable {
    border: dashed 2px #FF7171 !important;
    background-color: #fff !important;
    color: #3B083D !important;
}

/* CARDS */

/* Gift checkbox card */

.gift-checkbox-card {
    margin-bottom: 20px;
}

.gift-checkbox-card input[type=checkbox]+label .check-mark {
    position: absolute;
    top: -17px;
    right: -17px;
    color: white;
    background-color: #FF7171;
    width: 34px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    visibility: hidden;
    transition: all 0.25s;
}

.gift-checkbox-card input[type=checkbox]+label .gift-img {
    height: 220px;
}

.gift-checkbox-card input[type=checkbox]+label .info {
    background-color: white;
    border: solid 1px #e9d9d2;
    padding: 20px;
}

.gift-checkbox-card input[type=checkbox]+label .info .gift-name {
    font-size: 14px;
    color: #3B083D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gift-checkbox-card input[type=checkbox]+label:hover {
    cursor: pointer;
}

.gift-checkbox-card input[type=checkbox]+label:hover .info {
    border-color: #FF7171;
    cursor: pointer;
}

.gift-checkbox-card input[type=checkbox]:checked+label .info {
    border-color: #FF7171;
}

.gift-checkbox-card input[type=checkbox]:checked+label .check-mark {
    visibility: visible;
}

/* CREAR EVENTO (Novios-tab) */

.page-crear-evento {
    background-color: #fbfafb;
}

.novios-tabs {
    overflow: hidden;
}

.novios-tabs .bg-rounded-container {
    bottom: 20%;
}

.novios-tabs .bg-rounded:before {
    background-color: #f4f2f3;
    height: 100%;
    top: 0;
}

ul.novios-tab-menu li .nav-link {
    padding: 10px;
    border: solid 1px #e9d9d2;
    text-align: center;
    border-radius: 0;
    color: #b8b6cb;
    font-size: 12px;
    min-height: 120px;
    border-radius: 5px;
    transition: all 0.25s;
    position: relative;
}

ul.novios-tab-menu li .nav-link .state {
    position: absolute;
    top: -14px;
    left: 50%;
    /* margin-left: -14px; */
    margin-left: -28px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    color: #e9d9d2;
    background-color: #e9d9d2;
    /* width: 28px; */
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
}

ul.novios-tab-menu li .nav-link .state.completed {
    color: white !important;
    background-color: #FF7171 !important;
}

ul.nav-tabs.novios-tab-menu li .nav-link .novios-web-icon {
    max-height: 34px;
    fill: #E1B8A4;
}

ul.nav-tabs.novios-tab-menu li .nav-link .novios-ad-icon {
    max-height: 34px;
    fill: rgba(255, 255, 255, 0.35);
}

ul.nav-tabs.novios-tab-menu li .nav-link.active .novios-web-icon {
    max-height: 34px;
    fill: #FF7171;
}

ul.nav-tabs.novios-tab-menu li .nav-link.active .novios-ad-icon {
    max-height: 34px;
    fill: rgba(255, 255, 255, 1);
}

.novios-tab-menu-bg {
    background: -webkit-linear-gradient(left, white 50%, #3B083D 50%);
    background: -o-linear-gradient(left, white 50%, #3B083D 50%);
    background: linear-gradient(to right, white 50%, #3B083D 50%);
    display: flex;
}

ul.nav-tabs.novios-tab-menu {
    border-bottom: solid 1px #3B083D;
}

/*ul.novios-tab-menu:after {
  background-color: #3B083D;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}*/

ul.nav-tabs.novios-tab-menu .nav-item {
    position: relative;
    z-index: 1;
}

ul.novios-tab-menu li .nav-link:hover {
    border-color: #e9d9d2;
}

ul.novios-tab-menu li .nav-link:hover span {
    color: #3B083D;
}

ul.novios-tab-menu li .nav-link:hover span {
    color: #3B083D;
}

ul.novios-tab-menu li .nav-link.active {
    border-color: #FF7171;
    color: #3B083D;
}

ul.novios-tab-menu li .nav-link.active .state {
    background-color: #FF7171;
    color: #FF7171;
}

ul.novios-tab-menu li .nav-link.completed .state {
    color: white;
    background-color: #e9d9d2;
}

ul.novios-tab-menu li .nav-link.active.completed .state {
    background-color: #FF7171;
}

ul.novios-tab-menu .nav-item.left-line:after {
    content: '';
    background-color: #e9d9d2;
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -15px;
    display: inline-block;
    margin-top: -1px;
}

ul.novios-tab-menu .nav-item .left-line::before {
    content: '';
    /* background-color: #e9d9d2; */
    width: 0;
    height: 0;
    border: solid 8px #e9d9d2;
    position: absolute;
    top: calc(50% - 8px);
    left: -8px;
    display: inline-block;
    /* margin-top: -1px; */
    border-color: transparent transparent transparent #e9d9d2;
}

/* ul.novios-tab-menu .nav-item .left-line:before {
    content: '';
    background-color: #e9d9d2;
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -15px;
    display: inline-block;
    margin-top: -1px;
} */

ul.novios-tab-menu li .nav-link span {
    transition: all 0.25s;
}

ul.novios-tab-menu li .nav-link.active:hover span {
    color: #3B083D;
}

/*ul.novios-tab-menu li .nav-link.completed:after{
  background-color: #FF7171;
}*/

ul.novios-tab-menu li:nth-child(n+3) .nav-link:after {
    display: none;
}

ul.novios-tab-menu li:nth-child(n+4) .nav-link:hover span {
    color: #b8b6cb;
}

ul.novios-tab-menu li:nth-child(n+4) .nav-link.active:hover span {
    color: white;
}

.novios-tab-content .tab-pane .content-header {
    border-bottom: solid 1px #e9d9d2;
    padding: 25px 30px;
}

.novios-tab-content .tab-pane .content-header i {
    color: #FF7171;
    font-size: 14px;
    margin-right: 12px;
}

.novios-tab-content .tab-pane .content-header h6 {
    color: #3B083D;
    font-size: 14px;
    display: inline-block;
}

.novios-tab-content .gifts-list .gift-added {
    box-shadow: 0 0 0 3px #FF7171;
}

.gifts-list .action-buttons {
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.gifts-list .action-buttons-content {
    pointer-events: auto;
}

.gifts-list .action-buttons .button {
    width: 170px;
}

.gifts-list .action-buttons button.move-card {
    color: #FF7171;
    border-color: #FF7171;
}

.gifts-list .action-buttons .button-delete {
    display: none;
    position: absolute;
    top: -17px;
    right: -17px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    border: 0;
    font-size: 14px;
    padding: 0;
}

.gifts-list .new-gift-item .image-box .gift-button-delete {
    position: absolute;
    top: -17px;
    right: -17px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    border: 0;
    font-size: 14px;
    padding: 0;
    z-index: 1;
    background-color: #FF7171;
    border-radius: 50px;
    color: white;
    transition: all 0.25s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.gifts-list .new-gift-item .image-box .gift-button-delete:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.novios-tab-content .gifts-list .gift-added .action-buttons .button-delete {
    display: inline-block;
}

.gifts-list .action-buttons .see-details {
    display: none;
}

.novios-tab-content .gifts-list .gift-added .action-buttons .see-details {
    display: inline-block;
}

.novios-tab-content .gifts-list .gift-added .add-present {
    display: none;
}

.gifts-list .action-buttons .see-details {
    background: #fff;
    color: #FF7171;
    opacity: 1;
}

.novios-tab-content .tab-pane.share-web .title-header {
    border-bottom: solid 1px #e9d9d2;
}

.novios-tab-content .share-web .content .container {
    max-width: 800px;
}

.novios-tab-content .share-web .content .form-field-box {
    max-width: 550px;
}

.novios-tab-content .share-web .content .form-field-box .form-field::placeholder {
    font-size: 22px;
}

.novios-tab-content .add-gifts #regalo-predeterminado .sidebar-add-gifts {
    border-right: solid 1px #e9d9d2;
}

.novios-tab-content .add-gifts .sidebar-add-gifts .category-title {
    font-size: 14px;
}

.novios-tab-content .add-gifts .content-add-gifts .view-items-mode span {
    font-size: 12px;
}

.novios-tab-content .add-gifts .content-add-gifts .view-items-mode a {
    border: solid 1px #e9d9d2;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 36px;
    line-height: 36px;
    color: #b8b6cb;
    border-radius: 50px;
    transition: all 0.25s;
}

.novios-tab-content .add-gifts .content-add-gifts .view-items-mode a.search {
    border-color: transparent;
    color: #3B083D;
    background-color: white;
    border-radius: 0px;
}

.novios-tab-content .add-gifts .content-add-gifts .view-items-mode a:hover {
    color: #3B083D;
    text-decoration: none;
}

.novios-tab-content .add-gifts .content-add-gifts .view-items-mode a.active {
    color: #3B083D;
    border-color: #FF7171;
}

.novios-tab-content .manage-guests .invitations-guests .guests-info:first-child {
    border-right: solid 1px #b8b6cb;
}

.title-header {
    border-bottom: solid 1px #e9d9d2;
}

.novios-tab-content .manage-guests .title-header h6,
.novios-tab-content .gifts-received .title-header h6 {
    font-size: 12px;
}

.novios-tab-content .manage-guests .content-box {
    padding: 30px 50px;
}

.novios-tab-content .gifts-received .transfer-box {
    padding: 40px 50px;
}

.novios-tab-content .gifts-received .title-header {
    border-bottom: solid 1px #e9d9d2;
    padding: 35px 40px;
}

.novios-tab-content .gifts-received .money-recolected:not(:last-of-type) {
    border-right: solid 1px #b8b6cb;
}

.gifts-received .money-recolected img {
    width: 32px;
    height: 27px;
}

.gifts-received .money-subtitle {
    font-size: 15px;
}

.gifts-received .money-number {
    font-size: 30px;
}

.novios-tab-content .gifts-received .title-header .gift-number {
    border-right: solid 1px #b8b6cb;
}

.novios-tab-content .gifts-received .title-header .gift-number:last-child {
    border: 0;
}

.novios-tab-content .gifts-received .content-box {
    padding-left: 40px;
    padding-right: 40px;
}

.nav-box ul.nav-pages {
    padding: 5px 15px;
    display: inline-block;
    border-radius: 50px;
    border: solid 1px #FF7171;
    margin-bottom: 0;
}

.nav-box ul.nav-pages li {
    float: left;
    list-style: none;
    padding: 0;
}

.nav-box ul.nav-pages li:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.nav-box ul.nav-pages li a {
    color: #b8b6cb;
    padding: 0 5px;
}

.nav-box ul.nav-pages li a:hover {
    text-decoration: none;
    color: #3B083D;
}

.nav-box ul.nav-pages li a.active {
    color: #3B083D;
}

.nav-box .nav-arrow {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: solid 1px #FF7171;
    border-radius: 50px;
    text-align: center;
}

.nav-box .nav-arrow:hover {
    border-color: #FF7171;
}

.ui-state-hover {
    z-index: 9;
}

.ui-state-hover .arrastra {
    display: block !important;
}

.ui-draggable-dragging {
    z-index: 9;
}

.ui-draggable-dragging .gift-item-content {
    box-shadow: 0 0 0 3px #FF7171;
}

.ui-list-draggable {
    position: relative;
}

.ui-parent-dragging .ui-list-draggable:before {
    background-color: rgba(255, 255, 255, .5);
    content: '';
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 8;
}

.gift-picture {
    position: relative;
    width: 100%;
}

.gift-picture::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.gift-picture img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.gift-picture .button-upload-img {
    z-index: 5;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: .25rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.gift-picture .button-upload-img:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8);
}

.gift-picture:before {
    background: url(../img/ic_se_photo.png) center no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.gift-picture[data-image]:not([data-image=""]):before {
    background: none;
}

.novios-table thead th {
    padding: 12px;
    color: white;
    border: solid 1px #3B083D;
    border-right: solid 1px #b8b6cb;
    font-size: 14px;
}

.novios-table thead th .order-box {
    /*
    position: absolute;
    */
    right: 12px;
    display: inline-block;
}

.novios-table thead th .order-box .order-button {
    padding: 4px;
    opacity: 0.4;
    transition: all 0.25s;
    font-size: 20px;
    line-height: 10px;
}

.novios-table thead th .order-box .order-button:hover,
.novios-table thead th .order-box .order-button.active,
.novios-table thead th .order-box .order-button.active:hover {
    opacity: 1;
    cursor: pointer;
}

.novios-table tbody tr td {
    padding: 12px;
    border: solid 1px #e9d9d2;
    border-top: 0;
    font-size: 14px;
    color: #3B083D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.novios-table tbody tr td .button.thank-button {
    padding: 4px 8px;
    text-transform: none;
}

.novios-table tbody tr td.action-buttons button {
    border: 0;
    background-color: white;
    color: #e9d9d2;
    font-size: 16px;
    padding: 0 5px;
}

.novios-table tbody tr td.action-buttons button:hover {
    cursor: pointer;
    color: #FF7171;
}

.novios-table tbody tr td.action-buttons button:focus {
    outline: 0;
}

/* highcharts */

span.highcharts-title {
    width: 100% !important;
}

.highcharts-title tspan:first-of-type,
span.highcharts-title span:first-of-type {
    font-family: 'FontAwesome';
    margin-right: 8px;
}

#agradecimientos .highcharts-title span:first-of-type {
    font-weight: bold;
}

.tooltip.tooltip-bottom {
    padding: 5px 0;
}

.tooltip {
    font-family: inherit;
}

.tooltip.show {
    top: 5px !important;
}

.tooltip-inner {
    background-color: #3B083D;
}

.tooltip-inner::before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner:before,
.tooltip.tooltip-bottom .tooltip-inner:before {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #3B083D;
}

.customize-web .content-block .content-block-title {
    font-size: 14px;
}

.customize-web .content-block .content-block-title img {
    margin-bottom: 4px;
}

.customize-web input[type=radio].color-selector+label {
    text-align: center;
    border: solid 1.5px #e9d9d2;
    height: 76px;
    /*max-width: 214px;*/
    padding: 13px;
    border-radius: 50px;
    margin-bottom: 0;
}

.customize-web input[type=radio].color-selector:checked+label {
    border-color: #FF7171;

}

.customize-web input[type=radio].color-selector+label .color-circle {
    background-color: #fbfafb;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 14px;
}

/* Color Selector - Colors */

.customize-web input[type=radio].color-selector+label .color-circle.color1 {
    background-color: #ff8181;
}

.customize-web input[type=radio].color-selector+label .color-circle.color2 {
    background-color: #3B083D;
}

.customize-web input[type=radio].color-selector+label .color-circle.color3 {
    background-color: #b8b6cb;
}

.customize-web input[type=radio].color-selector+label .color-circle.color4 {
    background-color: #f9d7c2;
}

.customize-web input[type=radio].color-selector+label .color-circle.color5 {
    background-color: #efaf9f;
}

.customize-web input[type=radio].color-selector+label .color-circle.color6 {
    background-color: #3f7341;
}

.customize-web input[type=radio].color-selector+label .color-circle.color7 {
    background-color: #ffffff;
    border: solid 2px #eaeaea;
}

.customize-web input[type=radio].color-selector+label .color-circle.color8 {
    background-color: #d6d6d6;
}

.customize-web input[type=radio].color-selector+label .color-circle.color9 {
    background-color: #6b6b6b;
}

.customize-web input[type=radio].color-selector+label .color-circle.color10 {
    background-color: #b7e2c0;
}

.customize-web input[type=radio].color-selector+label .color-circle.color11 {
    background-color: #46b5a1;
}

.customize-web input[type=radio].color-selector+label .color-circle.color12 {
    background-color: #397a9c;
}

/*Nuevas*/
/*Color 5*/
.customize-web input[type=radio].color-selector+label .color-circle.color13 {
    background-color: rgb(246, 238, 231);
}

.customize-web input[type=radio].color-selector+label .color-circle.color14 {
    background-color: rgb(165, 160, 155);
}

.customize-web input[type=radio].color-selector+label .color-circle.color15 {
    background-color: rgb(106, 90, 93);
}

/*Color 6*/
.customize-web input[type=radio].color-selector+label .color-circle.color16 {
    background-color: rgb(246, 238, 231);
}

.customize-web input[type=radio].color-selector+label .color-circle.color17 {
    background-color: rgb(218, 144, 143);
}

.customize-web input[type=radio].color-selector+label .color-circle.color18 {
    background-color: rgb(113, 20, 37);
}

/*Color 7*/
.customize-web input[type=radio].color-selector+label .color-circle.color19 {
    background-color: rgb(232, 220, 215);
}

.customize-web input[type=radio].color-selector+label .color-circle.color20 {
    background-color: rgb(182, 95, 85);
}

.customize-web input[type=radio].color-selector+label .color-circle.color21 {
    background-color: rgb(70, 90, 64);
}

/*Color 8*/
.customize-web input[type=radio].color-selector+label .color-circle.color22 {
    background-color: rgb(239, 239, 239);
}

.customize-web input[type=radio].color-selector+label .color-circle.color23 {
    background-color: rgb(57, 122, 153);
}

.customize-web input[type=radio].color-selector+label .color-circle.color24 {
    background-color: rgb(39, 59, 86);
}

/*Color 9*/
.customize-web input[type=radio].color-selector+label .color-circle.color25 {
    background-color: rgb(239, 239, 239);
}

.customize-web input[type=radio].color-selector+label .color-circle.color26 {
    background-color: rgb(162, 163, 140);
}

.customize-web input[type=radio].color-selector+label .color-circle.color27 {
    background-color: rgb(70, 90, 64);
}

/*Color 10*/
.customize-web input[type=radio].color-selector+label .color-circle.color28 {
    /* background-color: rgb(182, 95, 85); */
    background-color: rgb(230, 210, 202);
}

.customize-web input[type=radio].color-selector+label .color-circle.color29 {
    background-color: rgb(213, 125, 54);
}

.customize-web input[type=radio].color-selector+label .color-circle.color30 {
    /* background-color: rgb(230, 210, 202); */
    background-color: rgb(182, 95, 85);
}

/*Color 11*/
.customize-web input[type=radio].color-selector+label .color-circle.color31 {
    background-color: rgb(170, 176, 147);
}

.customize-web input[type=radio].color-selector+label .color-circle.color32 {
    background-color: rgb(182, 95, 85);
}

.customize-web input[type=radio].color-selector+label .color-circle.color33 {
    background-color: rgb(106, 90, 93);
}

/*Color 12*/
.customize-web input[type=radio].color-selector+label .color-circle.color34 {
    background-color: rgb(212, 213, 225);
}

.customize-web input[type=radio].color-selector+label .color-circle.color35 {
    background-color: rgb(254, 189, 78);
}

.customize-web input[type=radio].color-selector+label .color-circle.color36 {
    background-color: rgb(72, 76, 96);
}

.customize-web input[type=radio].color-selector+label .color-circle:last-child {
    margin-right: 0;
}

/* Font Selector */

.customize-web .font-selector-box {
    padding-left: 10px;
    padding-right: 10px;
}

.customize-web input[type=radio].font-selector+label {
    border: solid 1.5px #e9d9d2;
    padding: 12px 20px;
    font-size: 26px;
    line-height: 30px;
    /*letter-spacing: 1px;*/
    margin-bottom: 0;
    min-height: 118px;
    width: 100%;
}

.customize-web input[type=radio].font-selector+label span {
    display: block;
}

.customize-web input[type=radio].font-selector+label:hover {
    cursor: pointer;
}

.customize-web input[type=radio].font-selector:checked+label {
    border-color: #FF7171;
}

.customize-web .color-form .color-form-title {
    padding: 10px;
    color: #3B083D;
    border: solid 1px #e9d9d2;
    border-radius: 50px 0 0 50px;
}

.customize-web .color-form .color-form-title span {
    font-size: 14px;
}

.customize-web .color-form .color-form-field {
    padding: 9px;
    background-color: white;
    border: solid 1px #e9d9d2;
    border-radius: 0 50px 50px 0;
    border-left: 0;
}

.customize-web .color-form .color-form-field .color-code {
    background-color: transparent;
    border: 0;
    color: #3B083D;
    max-width: 70px;
}

.customize-web .color-form .color-form-field .color-code:focus {
    outline: 0;
}

/* Color Input Style */

/*.customize-web .color-form .color-form-field input[type="color"]{
  -webkit-appearance: none;
	border: none;
	width: 45px;
	height: 22px;
}

.customize-web .color-form .color-form-field input[type="color"]:focus{
  outline: 0;
}

.customize-web .color-form .color-form-field input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

.customize-web .color-form .color-form-field input[type="color"]::-webkit-color-swatch{
  border: 0;
}*/

.customize-web .color-form .color-form-field input[type=color].color-picker+label {
    width: 45px;
    height: 22px;
    border-radius: 50px;
    background-color: #FF7171;
    margin-bottom: 0;
}

.customize-web .color-form .color-form-field input[type=color].color-picker:focus {
    outline: 0;
}

.customize-web .oc-customize-web .item input[type=radio].bg-box+label {
    padding: 16px;
    border: solid 1px #e9d9d2;
    background-color: white;
    border-radius: 2px;
    margin-bottom: 15px;
}

.customize-web .oc-customize-web .item input[type=radio].bg-box:hover+label {
    border-color: #FF7171;
}

.customize-web .oc-customize-web .item input[type=radio].bg-box:checked+label {
    border: solid 3px #FF7171;
}

.customize-web .oc-customize-web .item input[type=radio].bg-box+label .bg-box-img {
    height: 190px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.customize-web .oc-customize-web .item input[type=radio].bg-box+label:hover .bg-box-img {
    height: 190px;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.customize-web .oc-customize-web .item input[type=radio].bg-box:checked+label .bg-box-img {
    height: 190px;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.customize-web .oc-customize-web .item input[type=radio].bg-box:checked+label:hover .bg-box-img {
    height: 190px;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* Detalle de Regalo*/

/* Imagen */

.gift-detail-page .gift-image .image-box {
    height: 600px;
    background-position: center;
}

.gift-detail-page .gifts-list .gift-height {
    height: 100% !important;
}

.fixed-header .navbar .container #navbarResponsive .mt-sm-h4 {
    border-bottom: 2px solid #E5E7EB;
}

.fixed-header .navbar .container #navbarResponsive .mt-sm-h4 .nav-item {
    margin: 0px;
}

.fixed-header .navbar .container #navbarResponsive .mt-sm-h4 .nav-item .nav-link {
    padding: 13px 16px;
}

.gift-detail-page .gift-image .image-box button {
    position: absolute;
    right: 0;
    top: -17px;
    color: white;
    border-radius: 50px;
    background-color: #FF7171;
    border: 0;
    width: 35px;
    line-height: 35px;
    padding: 0;
    visibility: hidden;
}

.gift-detail-page .gift-image .image-box button:hover {
    cursor: pointer;
}

.gift-detail-page .gift-image .image-box button:focus {
    outline: 0;
}

.gift-detail-page .gift-image input[type=checkbox]:checked+.image-box {
    border: solid 5px #FF7171;
}

.gift-detail-page .gift-image input[type=checkbox]:checked+.image-box button {
    visibility: visible;
}

/* Description */

.gift-detail-page .gift-description {
    max-height: 420px;
    overflow-y: auto;
}

.gift-detail-page .gift-description .number-button {
    background-color: transparent;
    border: 0;
    color: #b8b6cb;
    font-size: 14px;
    transition: all 0.25s;
}

.gift-detail-page .gift-description .number-button:hover {
    color: #FF7171;
    cursor: pointer;
}

.gift-detail-page .gift-description .number-button:focus {
    outline: 0;
    color: #FF7171;
}

/**/

.customize-web .crear-seccion .nav-tabs {
    padding: 30px 15px;
    background-color: white;
    border: solid 1px #e9d9d2;
}

.customize-web .crear-seccion .nav-tabs h6 {
    margin-bottom: 20px;
    font-size: 14px;
}

.customize-web .crear-seccion .nav-tabs h6 span {
    color: #b8b6cb;
}

.customize-web .crear-seccion .nav-tabs .nav-link {
    border: solid 1px #e9d9d2;
    border-radius: 50px;
    text-align: center;
    color: #3B083D;
    font-size: 14px;
}

.customize-web .crear-seccion .nav-tabs .nav-link:hover {
    border-color: #FF7171;
}

.customize-web .crear-seccion .nav-tabs .nav-link.active {
    color: white;
    border-color: #3B083D;
    background-color: #3B083D;
}

.customize-web .crear-seccion .tab-content {
    padding: 30px 15px;
    background-color: white;
    border: solid 1px #e9d9d2;
    /* border-top: 0; */
    margin-bottom: 20px;
}

.customize-web .crear-seccion .tab-content .subtitle {
    font-size: 14px;
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]+label {
    background-image: url(../img/formatos);
    width: 88px;
    height: 88px;
    margin-bottom: 0;
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]+label.fl {
    background-image: url(../img/formatos/fl-i.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]+label.fr {
    background-image: url(../img/formatos/fr-i.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]+label.fd {
    background-image: url(../img/formatos/fd-i.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]+label.fs {
    background-image: url(../img/formatos/fs-i.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]:checked+label.fl {
    background-image: url(../img/formatos/fl-a.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]:checked+label.fr {
    background-image: url(../img/formatos/fr-a.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]:checked+label.fd {
    background-image: url(../img/formatos/fd-a.png);
}

.customize-web .crear-seccion .tab-content .format-options input[type=radio]:checked+label.fs {
    background-image: url(../img/formatos/fs-a.png);
}

/* NOT FOUND PAGE */

.not-found-page {
    height: 100vh;
}

.not-found-page h5 {
    line-height: 26px;
}

/* CARRITO DE COMPRAS */
/* Gift Table */
.gift-table-box {
    margin-bottom: 20px;
}

.gift-table thead tr th {
    padding: 15px;
    font-size: 14px;
    border-right: solid 1px white;
}

.gift-table thead tr th:last-child {
    border-right: 0;
}

.gift-table tbody tr {
    border: solid 1px #e9d9d2;
    border-top: 0;
    transition: all 0.25s;
}

.gift-table tbody tr td .delete-gift {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FF7171;
    background-color: white;
    border: solid 1px #FF7171;
    font-size: 20px;
    font-weight: bold;
    width: 22px;
    line-height: 15px;
    height: 22px;
    border-radius: 50%;
    transition: all 0.25s;
    opacity: 0.6;
    text-align: center;
}

.gift-table tbody tr td .delete-gift:hover,
.gift-table tbody tr td .delete-gift:focus {
    opacity: 1;
    color: white;
    background-color: #FF7171;
    text-decoration: none;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.gift-table tbody tr td {
    padding: 20px;
    font-family: 'plus_jakarta_sans', sans-serif;
}

.gift-table tbody tr td h6 {
    font-size: 14px;
}

.gift-table tbody tr td .gift-img {
    border-radius: 4px;
    width: 150px;
    height: 120px;
    display: inline-block;
}

.gift-table tbody tr td .form-field {
    font-size: 16px;
    padding: 12px 10px;
    text-align: center;
    line-height: normal;
    border: solid 1px #b8b6cb;
    border-radius: 2px;
    transition: all 0.25s;
}

.gift-table tbody tr td .form-field.quantity-form {
    max-width: 150px;
}

.gift-table tbody tr td .form-field.price-form {
    max-width: 130px;
}

.gift-table tbody tr td .form-field:hover {
    border-color: #FF7171;
}

.gift-table tbody tr td .form-field:focus {
    border-color: #FF7171;
    outline: 0;
}

.carrito-page .alert-mssg {
    background-color: rgba(255, 255, 255, 0.4);
    border: solid 1px #FF7171;
    border-radius: 4px;
}

.carrito-page .alert-mssg .close-alert {
    opacity: 0.4;
    padding: 2px;
    transition: all 0.25s;
}

.carrito-page .alert-mssg .close-alert:hover {
    opacity: 1;
}

.carrito-page .carrito-give-detail {
    border: 1px solid #e9d9d2;
    max-width: 430px;
}

.carrito-page .carrito-give-detail .info-item h6 {
    font-size: 14px;
    font-family: 'plus_jakarta_sans', sans-serif;
}

.checkout-page .alert-mssg {
    background-color: rgba(255, 255, 255, 0.4);
    border: solid 1px #FF7171;
    border-radius: 4px;
}

.checkout-page .alert-mssg .close-alert {
    opacity: 0.4;
    padding: 2px;
    transition: all 0.25s;
}

.checkout-page .alert-mssg .close-alert:hover {
    opacity: 1;
}

/* RESPONSIVE AT 1200px */
@media screen and (max-width: 1200px) {
    .novios-tab-box.novios-tab-box-fixed {
        top: 90px !important;
    }

    .novios-tab-box.novios-tab-box-fixed .nav-item .nav-link {
        min-height: 90px !important;
    }

    /* PORTADA INVITADOS */
    .portada-tabs .nav .nav-link {
        min-height: 90px;
    }

    /* PERSONALIZA TU WEB - NOVIOS */
    .customize-web input[type=radio].color-selector+label {
        height: 56px;
    }

    .customize-web input[type=radio].color-selector+label .color-circle {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .customize-web input[type=radio].font-selector+label {
        padding: 12px 15px;
        font-size: 20px;
        line-height: 26px;
        min-height: 105px;
    }
}

@media screen and (max-width: 1026px) {
    .novios-tab-menu-bg {
        border-bottom: solid 1px #f4f2f3;
    }
}

/* RESPONSIVE AT 992px*/

@media screen and (max-width: 992px) {
    .novios-tab-box.novios-tab-box-fixed {
        top: 70px !important;
    }

    .disfruta-title {
        padding-top: 210px;
        font-size: 32px;
    }

    /* Invitados */
    .portada-tabs-container.header-invitados .nav .nav-item {
        width: 100%;
        padding: 8px;
    }

    /* MODALS */
    .custom-modal.wide-modal .modal-dialog {
        max-width: 700px;
    }

    /* PERSONALIZA TU WEB - NOVIOS */
    .customize-web input[type=radio].color-selector+label {
        height: 42px;
        padding: 10px;
    }

    .customize-web input[type=radio].color-selector+label .color-circle {
        width: 20px;
        height: 20px;
        margin-right: 4px;
    }

    .customize-web input[type=radio].font-selector+label {
        padding: 10px 12px;
        font-size: 16px;
        line-height: 20px;
        min-height: 84px;
    }

    /* Agregar Regalos*/
    .header-buttons {
        padding: 15px 0px;
    }

    .header-buttons .tab-buttons {
        position: relative;
        bottom: auto;
    }

    .header-buttons .tab-button {
        display: block;
        border: solid 1px #e9d9d2;
        margin-right: 0 !important;
        border-radius: 6px;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }

    .header-buttons .tab-button:first-child {
        margin-bottom: 10px;
    }

    /* FAQS*/
    .faq-list .faq-list-item {
        padding-left: 50px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .faq-list .faq-list-item .title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 15px !important;
    }

    .faq-list .faq-list-item .title:before {
        height: 30px;
        width: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .faq-list .faq-list-item .faq-respuesta {
        font-size: 16px;
        line-height: 21px;
        text-align: justify;
    }

    /* Novios Flow - Agregar regalos */
    .novios-tab-content .grid-view {
        display: none;
    }

    .novios-tab-content .view {
        display: none;
    }

    /* Invitados Flow - Lista de Regalos */
    .invitados-tab-content .grid-view {
        display: none;
    }

    .invitados-tab-content .view {
        display: none;
    }

    /* CARRITO - GIFT TABLE */
    .gift-table {
        background-color: transparent !important;
    }

    .gift-table thead {
        display: none;
    }

    .gift-table tbody tr {
        border: solid 1px #e9d9d2;
        margin-bottom: 10px;
        padding: 15px;
        display: block;
        border-radius: 5px;
        background-color: white;
    }

    .gift-table tbody tr td {
        padding: 1px 0 !important;
        display: block;
        border: 0 !important;
        text-align: left;
        font-weight: normal;
        text-align: left !important;
    }

    .gift-table tbody tr td:first-child {
        text-align: center !important;
    }

    .gift-table tbody tr td .gift-img {
        width: 120px;
        height: 100px;
    }

    .gift-table tbody tr td[data-head]::before {
        color: #e9d9d2;
        content: attr(data-head) ":";
        display: inline-block;
        margin-right: 5px;
        min-width: 130px;
    }

    .gift-table tbody tr td h6 {
        display: inline-block;
    }

    .gift-table tbody tr td .form-field {
        font-size: 14px;
        text-align: left;
        padding: 6px 8px;
    }

    .gift-table tbody tr td .form-field.quantity-form {
        max-width: 100px;
    }

    .gift-table tbody tr td .form-field.price-form {
        max-width: 100px;
    }

    .carrito-page .carrito-give-detail {
        margin-bottom: 30px;
        max-width: 100%;
        float: left !important;
    }

    .gift-table tbody tr td .delete-gift {
        top: 0;
        right: 0;
    }
}

/* RESPONSIVE AT 576px */
@media screen and (max-width: 576px) {

    /* AGREGAR REGALOS */
    .add-gift-button {
        height: 220px;
        margin-bottom: 20px;
    }

    /* Gestion de Invitados */
    .invitations-guests {
        display: block;
    }

    .invitations-guests .guests-info {
        margin: 0 auto;
    }

    .invitations-guests .guests-info:first-child {
        margin-bottom: 20px;
        border-right: 0 !important;
    }
}

/* RESPONSIVE AT 768px */

@media screen and (max-width: 768px) {
    body {
        padding-top: 56px !important;
    }

    .responsive-map-height {
        height: 75% !important;
    }

    .resp-rplc1 {
        background: url('/online/assets/img/home/menu/matri_1.png') no-repeat;
        background-size: contain;
        width: 75px;
        height: 67px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-position: center;
        padding-left: 75px;
    }

    .resp-rplc2 {
        background: url('/online/assets/img/home/menu/baby_1.png') no-repeat;
        background-size: contain;
        width: 75px;
        height: 67px;
        background-position: center;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding-left: 75px;
    }

    .resp-rplc3 {
        background: url('/online/assets/img/home/menu/cumple_1.png') no-repeat;
        background-size: contain;
        background-position: center center;
        width: 75px;
        height: 67px;
        background-position: center;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding-left: 75px;
    }

    .resp-rplc4 {
        background: url('/online/assets/img/home/menu/dona_1.png') no-repeat;
        background-size: contain;
        padding-top: 10px;
        width: 75px;
        height: 67px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-position: center;
        padding-top: 20px;
        padding-left: 75px;
    }

    .about-us-text h3.pale-title {
        color: #3B083D !important;
    }

    .about-us-text h2.payne-lg-title {
        color: #3B083D !important;
    }

    .about-us-text p.content-text {
        color: #3B083D !important;
    }

    /* HELPERS */
    .null-padding-side-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* GENERAL */
    .payne-lg-title {
        margin-bottom: 44px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 29px;
    }

    .payne-lg-title2 {
        font-size: 29px !important;
    }

    /* CREATE WEB STEPS */
    .create-web-steps .nav-link .title {
        max-width: 280px;
    }

    /* MODALS */
    .modal-content .form-title-section {
        margin-bottom: 20px;
    }

    .modal-content .form-title-section .title {
        font-size: 25px;
    }

    .custom-modal.novios-modal .modal-header {
        padding: 20px 30px;
    }

    .custom-modal.novios-modal .modal-body {
        padding: 20px 15px;
    }

    /* PORTADA INVITADOS */
    .portada-tabs .nav .nav-link {
        min-height: auto;
    }

    .bg-portada-carousel {
        min-height: 200px;
    }

    /* STEPS WEB */
    .create-web-steps .tab-pane {
        padding: 20px;
    }

    .create-web-steps-page {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .create-web-steps .step2 .img-bg {
        padding: 20px;
    }

    .create-web-steps .step2 .imgsize-message {
        margin-bottom: 20px;
    }

    .button-checkbox input[type=checkbox]+label {
        margin-bottom: 10px;
    }

    /* Regalos Recibidos */
    .novios-tab-content .gifts-received .title-header {
        padding: 20px;
    }

    .gifts-info {
        display: block !important;
    }

    .gifts-info .gift-number {
        border-right: 0 !important;
        margin-bottom: 15px;
    }

    .gifts-info .gift-number:last-child {
        margin-bottom: 0;
    }

    .gifts-info .gift-number h2 {
        font-size: 24px;
    }

    .gifts-info .gift-number h6 {
        font-size: 14px;
    }

    .header-buttons .tab-button {
        margin-bottom: 10px;
        text-align: center;
    }

    .novios-tab-content .gifts-received .money-recolected img {
        float: none !important;
        text-align: center;
        display: block;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    .novios-tab-content .gifts-received .money-recolected h6 {
        float: none !important;
        text-align: center;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
        font-size: 14px;
    }

    .novios-tab-content .gifts-received .money-recolected h2 {
        display: block;
        text-align: center;
        font-size: 26px;
    }

    .novios-tab-content .gifts-received .transfer-box {
        padding: 20px;
        text-align: center;
    }

    .novios-tab-content .gifts-received .transfer-box .info-block img {
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .novios-tab-content .gifts-received .transfer-box .info-block h6 {
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 4px;
        font-size: 14px;
    }

    .novios-tab-content .gifts-received .transfer-box .info-block h2 {
        font-size: 26px;
    }

    .novios-tab-content .gifts-received .transfer-box .action-block button {
        padding: 10px 20px;
        margin: 0 auto;
        font-size: 14px;
        max-width: 350px;
    }

    .novios-tab-content .gifts-received .transfer-box .action-block button img {
        max-height: 20px;
    }

    /* FAQS */
    .faq-list .faq-list-item {
        padding-left: 0;
    }

    .faq-list .faq-list-item .title {
        line-height: 22px;
        opacity: 0.65;
    }

    .faq-list .faq-list-item .title:not(.collapsed) {
        opacity: 1;
    }

    .faq-list .faq-list-item .title::before {
        display: none;
    }

    /* Detalle de Regalo */
    .gift-detail-page .gift-image .image-box {
        height: 200px;
        margin-bottom: 15px;
    }

    .gift-detail-page .gift-description {
        max-height: 100%;
    }

    /* Disfruta Home */
    .disfruta-buttons {
        bottom: -50px;

        padding-left: 40px;
        padding-right: 40px;
    }

    /* CROPIC */
    #croppicModal .cropControls.cropControlsCrop .cropControlCrop {
        top: -62px !important;
        border: solid 1px #4C433B !important;
        width: 50% !important;
        background-color: rgba(76, 67, 59, 0.8) !important;
    }

    #croppicModal .cropControls.cropControlsCrop .cropControlReset {
        top: -62px !important;
        border: solid 1px #4C433B !important;
        width: 50% !important;
        background-color: rgba(76, 67, 59, 0.8) !important;
    }

    .dedicatoria-card {
        border-radius: 10px;
        padding: 20px;
    }

    .dedicatoria-card .lazo-rsp {
        display: block;
        max-width: 60px;
        margin: 0 auto;
    }

    .dedicatoria-card::before {
        visibility: hidden;
    }

    .dedicatoria-card .logo-sticker {
        display: none;
    }
}

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

    /* MODALS */
    .custom-modal.wide-modal .modal-dialog {
        max-width: 600px;
        width: auto;
    }

    /* STEPS WEB */
    .create-web-steps .nav-tabs {
        padding: 0;
    }

    .create-web-steps .nav-link {
        border-right: 0;
    }

    .create-web-steps .nav-link.active::before {
        bottom: 0;
    }

    /*Disfruta*/
    .disfruta-title {
        /*padding-top: 135px;*/
        font-size: 32px;
    }

    .section-small-home {
        padding-bottom: 40px;
    }

    .mb-sp30 {
        margin-top: 52px;
        margin-bottom: 44px !important;
    }

    .disfruta-subtitle {
        font-size: 20px;
    }
}

/* RESPONSIVE AT 480px */

@media screen and (max-width: 480px) {
    .btn-account {
        font-size: .8rem;
    }

    .height_100 {
        height: auto !important;
    }

    .height_100:not(.home-banner) {
        height: auto;
    }

    .h100-page-class .height_100 {
        height: 100% !important;
    }

    /* .nt100-responsive{
      height: 100% !important;
    } */
    /* Tooltips ------------------*/
    /*.tooltip {
        visibility: hidden !important;
        display: none !important;
    }*/

    .visible-responsive {
        visibility: visible !important;
        display: block !important;
    }

    .hidden-responsive {
        visibility: hidden !important;
        display: none !important;
    }

    /* GENERAL */
    body {
        padding-top: 57px;
    }

    .payne-lg-title {
        line-height: 120%;
    }



    .button {
        padding: 12px;
        font-size: 13px;
    }

    /* STEP WEBS */
    .create-web-steps-page {
        padding-top: 0px;
    }

    /* MODALS */
    .modal-content .form-actions {
        margin-bottom: 15px;
    }

    .modal-content .separator {
        margin-bottom: 20px;
    }

    .custom-modal.medium-modal .modal-dialog {
        max-width: 350px;
        width: auto !important;
    }

    .custom-modal.send-invitation-modal .modal-content {
        padding: 30px !important;
    }

    /* PORTADA INVITADOS */
    .bg-invitados {
        height: auto;
    }

    .portada {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .portada-invitados {
        height: auto !important;
    }

    .portada .title {
        font-size: 24px;
    }

    .portada-desc {
        line-height: 1.4;
        font-size: 18px;
    }

    .portada-info {
        margin-top: 15px;
    }

    .portada-info h6 {
        font-size: 15px;
    }

    /* MI PERFIL*/
    .mi-perfil-page .wedding-date {
        display: block !important;
    }

    .mi-perfil-page .wedding-date label {
        text-align: center
    }

    .mi-perfil-page .wedding-date .form-field {
        margin-bottom: 0;
    }

    .mi-perfil-page .recover-password-box span.subtitle {
        display: block;
        margin-bottom: 15px;
    }
}

/* RESPONSIVE AT 480px */

@media screen and (max-width: 375px) {
    .btn-account {
        font-size: .7rem;
    }

    /*MI PERFIL*/
    .mi-perfil-page .form-field {
        text-align: center;
    }

    .mi-perfil-page .info-title {
        font-size: 12px;
    }
}

.col-12.map {
    min-height: 400px;
    height: 400px;
}

.map {
    text-align: center;
    min-height: 400px;
    height: 400px;
}

#map {
    height: 400px;
}

.payne-lg-title-adecuated {
    margin-bottom: 10px;
}

.payne-lg-title-adecuated2 {
    margin-bottom: 25px;
}

@font-face {
    font-family: Comfortaa;
    src: url('/online/assets/fonts/Comfortaa-Regular.ttf');
}

.fuentenueva1 {
    /* font-family: Comfortaa; */
    font-family: 'brandon_grotesqueregular';
}

@font-face {
    font-family: PT_Sans-Narrow;
    src: url('/online/assets/fonts/PT_Sans-Narrow-Web-Regular.ttf');
}

.fuentenueva2 {
    /* font-family: PT_Sans-Narrow; */
    font-family: Comfortaa;
}

/*@font-face {
    font-family: Nunito;
    src: url('/online/assets/fonts/Nunito-Regular.ttf');
}
.fuentenueva2 {
    font-family: Nunito;
}*/
@font-face {
    font-family: Nunito;
    src: url('/online/assets/fonts/Nunito-Regular.ttf');
}

.fuentenueva3 {
    /*font-family: Nunito;*/
    /* font-family: 'Roboto Slab', serif; */
    font-family: PT_Sans-Narrow;
}

@font-face {
    font-family: Raleway;
    src: url('/online/assets/fonts/Raleway-Regular.ttf');
}

.fuentenueva4 {
    /*font-family: Raleway;*/
    /* font-family: 'Playfair Display', serif; */
    font-family: 'Roboto Slab', serif;
}

@font-face {
    font-family: Sacramento;
    src: url('/online/assets/fonts/Sacramento-Regular.ttf');
}

.fuentenueva5 {
    /*font-family: Sacramento;
    font-size: 55%;*/
    font-family: 'Cormorant Garamond', serif;
}

.fuentenueva6 {
    font-family: 'Open Sans', serif;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/online/assets/fonts/open-sans/OpenSans-Regular.ttf');
}

.fuentenueva7 {
    font-family: Quicksand, serif;
}

@font-face {
    font-family: Quicksand;
    src: url('/online/assets/fonts/quicksand/Quicksand-Regular.ttf');
}

.fuentenueva8 {
    font-family: 'Ubuntu Condensed', serif;
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('/online/assets/fonts/ubuntu-condensed/UbuntuCondensed-Regular.ttf');
}

.fuentenueva9 {
    font-family: 'Didact Gothic', serif;
}

@font-face {
    font-family: 'Didact Gothic';
    src: url('/online/assets/fonts/didact-gothic/DidactGothic.ttf');
}

.fuentenueva10 {
    font-family: Tinos, serif;
}

@font-face {
    font-family: Tinos;
    src: url('/online/assets/fonts/tinos/Tinos-Regular.ttf');
}

.fuentenueva11 {
    font-family: 'Lobster two', serif;
}

@font-face {
    font-family: 'Lobster two';
    src: url('/online/assets/fonts/lobster-two/LobsterTwo-regular.ttf');
}

.fuentenueva12 {
    font-family: 'Caveat', serif;
}

@font-face {
    font-family: Caveat;
    src: url('/online/assets/fonts/caveat/Caveat-Regular.ttf');
}

.sectionCustom {
    margin: 20px;
    padding: 20px;
    text-align: center;
    border: solid 1px #e9d9d2;
    overflow: hidden;
}

.modalidad_pago {
    padding: 10px;
    /*border: solid 1px #e9d9d2;*/
    text-align: center;
    border-radius: 0;
    /*color: #b8b6cb;*/
    font-size: 12px;
    /*min-height: 60px;*/
    /*border-radius: 5px;*/
    transition: all 0.25s;
}

.modalidad_pago>li {
    border: solid 1px #FF7171;
    text-align: center;
}

.modalidad_pago>li:first-child {
    color: #FF7171;
    border-radius: 5px 0 0 5px;
    padding: 2px !important;

}

.modalidad_pago>li:last-child {
    color: #FF7171;
    border-radius: 0 5px 5px 0;
    padding: 2px !important;
}

.own_button {
    color: #FF7171 !important;
    background-color: #FFFFFF !important;

}

.own_button.active {
    color: #FFFFFF !important;
    background-color: #FF7171 !important;

}

.own_button>a {
    color: #FF7171 !important;
}

.own_button>a:hover {
    text-decoration: none;
    color: #FF7171 !important;
}

.own_button.active>a {
    color: #FFFFFF !important;
}

.own_button.active>a:hover {
    text-decoration: none;
    color: #FFFFFF !important;
}

/* CHECKOUT PAGE */

.checkout-page .checkout-block {
    border: solid 1px #e9d9d2;
}

.checkout-page .checkout-block header {
    border: solid 1px #3B083D;
    border-bottom: 0;
}

.checkout-page .checkout-block header h6 {
    font-size: 14px;
}

.checkout-page .payment-method .logo {
    display: inline-block;
    max-height: 50px;
}

.checkout-page .payment-method p {
    max-width: 450px;
    margin: 0 auto;
}

.checkout-page .gift-table-box {
    margin-bottom: 0;
}

.checkout-page .gift-table thead {
    border-bottom: solid 1px #e9d9d2;
}

.checkout-page .gift-table thead tr th {
    padding: 10px;
    font-size: 13px;
}

.checkout-page .gift-table tbody tr {
    border: 0;
    border-bottom: solid 1px #e9d9d2;
    ;
}

.checkout-page .gift-table tbody tr td {
    padding: 10px;
}

.checkout-page .gift-table tbody tr td .gift-img {
    width: 80px;
    height: 60px;
}

.checkout-page .conditions-link {
    text-decoration: underline;
}

/* EQUIPO SECTION */
.team-section {
    background: rgba(251, 250, 251, 1);
    background: -moz-linear-gradient(top, rgba(251, 250, 251, 1) 0%, rgba(251, 250, 251, 1) 50%, rgba(244, 242, 243, 1) 51%, rgba(244, 242, 243, 1) 71%, rgba(244, 242, 243, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251, 250, 251, 1)), color-stop(50%, rgba(251, 250, 251, 1)), color-stop(51%, rgba(244, 242, 243, 1)), color-stop(71%, rgba(244, 242, 243, 1)), color-stop(100%, rgba(244, 242, 243, 1)));
    background: -webkit-linear-gradient(top, rgba(251, 250, 251, 1) 0%, rgba(251, 250, 251, 1) 50%, rgba(244, 242, 243, 1) 51%, rgba(244, 242, 243, 1) 71%, rgba(244, 242, 243, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 250, 251, 1) 0%, rgba(251, 250, 251, 1) 50%, rgba(244, 242, 243, 1) 51%, rgba(244, 242, 243, 1) 71%, rgba(244, 242, 243, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 250, 251, 1) 0%, rgba(251, 250, 251, 1) 50%, rgba(244, 242, 243, 1) 51%, rgba(244, 242, 243, 1) 71%, rgba(244, 242, 243, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 250, 251, 1) 0%, rgba(251, 250, 251, 1) 50%, rgba(244, 242, 243, 1) 51%, rgba(244, 242, 243, 1) 71%, rgba(244, 242, 243, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfafb', endColorstr='#f4f2f3', GradientType=0);
}

.teammate-card {
    height: 100%;
    display: flex;
    background-position: center;
}

.teammate-box:first-child {
    border-radius: 4px 0 0 4px;
}

.teammate-box:last-child {
    border-radius: 0 4px 4px 0;
}

.teammate-card:first-child {
    border-radius: 4px 0 0 4px;
}

.teammate-card:last-child {
    border-radius: 0 4px 4px 0;
}

.teammate-card .content {
    background-color: rgba(255, 255, 255, 0.9);
    visibility: hidden;
    border: 2px solid #3B083D;
    border-radius: 4px;
    -webkit-transform: translate(-6px, -6px);
    -ms-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
    -webkit-box-shadow: 6px 6px 0px 0px #FF7171;
    -moz-box-shadow: 6px 6px 0px 0px #FF7171;
    box-shadow: 6px 6px 0px 0px #FF7171;
}

.teammate-card:hover .content {
    visibility: visible;
    height: auto;
}

.teammate-card .title {
    color: #3B083D;
}

.teammate-card .content hr {
    background-color: #FF7171;
    display: inline-block;
    height: 2px;
    width: 30px;
    margin: 0;
    margin-bottom: 6px;
}

.teammate-card .content ul.info {
    margin: 0;
}

.teammate-card .content ul.info li {
    color: #FF7171;
}

.teammate-card .content ul.info li p {
    color: #3B083D;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 18px;
}

.teammate-card .content .responsive-img {
    width: 80px;
    height: 80px;
    background-position: top;
    display: inline-block;
    border: solid 4px #3B083D;
    border-radius: 50px;
    margin-top: -60px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    main {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .team-section {
        background: rgba(251, 250, 251, 0);
        background: -moz-linear-gradient(top, rgba(251, 250, 251, 0) 0%, rgba(251, 250, 251, 0) 50%, rgba(244, 242, 243, 0) 51%, rgba(244, 242, 243, 0) 71%, rgba(244, 242, 243, 0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251, 250, 251, 0)), color-stop(50%, rgba(251, 250, 251, 0)), color-stop(51%, rgba(244, 242, 243, 0)), color-stop(71%, rgba(244, 242, 243, 0)), color-stop(100%, rgba(244, 242, 243, 0)));
        background: -webkit-linear-gradient(top, rgba(251, 250, 251, 0) 0%, rgba(251, 250, 251, 0) 50%, rgba(244, 242, 243, 0) 51%, rgba(244, 242, 243, 0) 71%, rgba(244, 242, 243, 0) 100%);
        background: -o-linear-gradient(top, rgba(251, 250, 251, 0) 0%, rgba(251, 250, 251, 0) 50%, rgba(244, 242, 243, 0) 51%, rgba(244, 242, 243, 0) 71%, rgba(244, 242, 243, 0) 100%);
        background: -ms-linear-gradient(top, rgba(251, 250, 251, 0) 0%, rgba(251, 250, 251, 0) 50%, rgba(244, 242, 243, 0) 51%, rgba(244, 242, 243, 0) 71%, rgba(244, 242, 243, 0) 100%);
        background: linear-gradient(to bottom, rgba(251, 250, 251, 0) 0%, rgba(251, 250, 251, 0) 50%, rgba(244, 242, 243, 0) 51%, rgba(244, 242, 243, 0) 71%, rgba(244, 242, 243, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfafb', endColorstr='#f4f2f3', GradientType=0);
    }

    .teammate-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 15px;
        margin-top: 40px;
        height: auto;
    }

    .teammate-card {
        height: auto;
        background-image: none !important;
    }

    .teammate-card .content {
        background-color: rgba(255, 255, 255, 1);
        visibility: visible;
        position: relative !important;
    }

    .teammate-box:first-child {
        border-radius: 0;
    }

    .teammate-box:last-child {
        border-radius: 0;
    }

    .teammate-card:first-child {
        border-radius: 0;
    }

    .teammate-card:last-child {
        border-radius: 0;
    }

    /* Carrito Cantidad */
    .gift-table tbody tr td .delete-gift {
        background-color: #FF7171;
        color: white;
        opacity: 1;
    }

    .gift-table tbody tr td .delete-gift:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.table-cantidad-gift>tbody>tr>td {
    position: relative;
}

/* NOVIOS TAB MENU FLOTANTE */
.js-novios-tab-box {
    background-color: #f4f2f3;
}

.novios-tab-box {
    transition: all 0.25s;
}

.novios-tab-box.novios-tab-box-fixed {
    position: fixed;
    top: 84px;
    z-index: 999;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.novios-tab-box.novios-tab-box-fixed .nav-item {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

.novios-tab-box.novios-tab-box-fixed .nav-item .nav-link {
    padding: 5px !important;
    min-height: 75px;
}

.novios-tab-box.novios-tab-box-fixed .nav-item .nav-link .state {
    /* line-height: 16px; */
    line-height: 20px;
    /* width: 16px; */
    font-size: 10px;
    top: -8px;
    font-size: 12px;
    /* margin-left: -8px; */
}

.novios-tab-box.novios-tab-box-fixed .nav-item .nav-link .novios-web-icon {
    max-height: 26px !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

.novios-tab-box.novios-tab-box-fixed .nav-item .nav-link .novios-ad-icon {
    max-height: 20px;
    margin-top: 13px !important;
    margin-bottom: 6px !important;
}

.novios-tab-box.novios-tab-box-fixed .nav-item .nav-link.active .novios-ad-icon {
    max-height: 20px;
    margin-top: 13px !important;
    margin-bottom: 6px !important;
}

.novios-tab-box.novios-tab-box-fixed ul.novios-tab-menu .nav-item .left-line::before {
    top: calc(50% - 11px);
}

/* FONTs FOR MODAL */
.modal-content.modal-font1 {
    font-family: 'brandon_grotesqueregular';
}

.modal-content.modal-font2 {
    font-family: 'Comfortaa' !important;
}

.modal-content.modal-font3 {
    font-family: 'PT_Sans-Narrow' !important;
}

.modal-content.modal-font4 {
    font-family: 'Roboto Slab', serif !important;
}

.modal-content.modal-font5 {
    font-family: 'Cormorant Garamond', serif !important;
}

label.error {
    font-size: 14px !important;
    font-weight: bold !important;
    color: red;
}

.paragraph-tc-white {
    color: white;
}

.texto-grande {
    font-size: 18px !important;

}

.texto-negrita {
    font-weight: bold !important;
}

.less-margin-bottom {
    margin-bottom: 10px !important;
}

.lateral-margin {
    margin-left: 20%;
    margin-right: 10%;
}

#textRegalos {
    margin-left: 1.5%;

}

#texto_fraccionamiento {
    font-size: 16px;
}

.circular_boton {
    margin: 4px;
    border-radius: 50%;
    background-color: white;
}

.circular_boton:hover {
    background-color: #EE8D8D;

}

.circular_boton.active {
    border-radius: 50%;
    background-color: #FF7171;
    border: 1px solid #FF7171;
}

/* TERMINOS PAGE */

.terminos-page .banner-terminos .overlay {
    opacity: 0.6;
}

.terminos-page .contenido-terminos label {
    font-size: 16px;
}

.terminos-page .contenido-terminos li {
    color: #FF7171;
    list-style-type: upper-roman;
}

.terminos-page .contenido-terminos li p {
    color: #3B083D;
}

.text-bg {
    color: #3B083D !important;
}

.terminos-page table {
    color: #3B083D !important;
    border: #3a2c4c;
    width: 100% !important;
}

.terminos-page table ul {
    padding: 0 1.5vw;
}

.terminos-page table td,
.terminos-page table th {
    border: 1px solid #3B083D;
    padding: .5vw;
}

.terminos-page table ul li {
    list-style-type: initial !important;
    color: #3B083D !important
}

.terminos-page ul ol {
    color: #3B083D;
}

.terminos-page .contenido-terminos li ol li {
    color: #3B083D;
}

select.error,
textarea.error,
input.error {
    color: red !important;
    /* -webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255,0,0,1);
    box-shadow: 0px 0px 10px 0px rgba(255,0,0,1); */
    border: solid 1px red !important;
    background-image: url(../img/danger-sign.png) !important;
    background-position: 7px 7px !important;
    padding-left: 30px !important;
    background-repeat: no-repeat !important;
}

select.valid,
textarea.valid,
input.valid {}

/*
#frmGift input.error{
  color:red;*/
/* -webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,0,0,1);
box-shadow: 0px 0px 10px 0px rgba(255,0,0,1); */
/*border: solid 1px red;
background-image: url(../img/danger-sign.png);
background-position: 7px 7px;
padding-left: 30px !important;
background-repeat: no-repeat;
}*/

.tooltip>.tooltip-inner {
    background-color: #3B083D;
}

/*label span {
    pointer-events: none;
}*/
/*
label > span > a { pointer-events: all; }*/
/* cambio en los checkboxes */
.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #3B083D;
    border-color: #3B083D;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

/*
fin de cambios en los checboxes*/

footer {
    /*  display: -webkit-flex;
      display: -moz-flex;
      display: flex;*/
    /*flex: 1;*/

    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 500px) {
    .modal-dialog-fixed {
        position: fixed !important;
        top: 25% !important;
        right: auto !important;
        left: 0 !important;
        bottom: auto !important;
    }

    .porque-envolturas-img {
        display: none !important;
    }

    #trans-alert {
        position: fixed !important;
        top: 20% !important;
        right: auto !important;
        left: 0 !important;
        bottom: auto !important;
    }
}

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

    .portada-invitados {
        height: 100%;
        max-height: 800px !important;
    }

}

/*----------------nuevos selects------------------------*/

/*the container must be positioned relative:*/
.custom-select-handmade {
    position: relative;
    font-family: inherit;
    margin-top: 20px;
}

.custom-select-handmade select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    /*background: linear-gradient(#C4B8B8, #F5EDED);*/
    color: #3B083D !important;
    background: white;

    border: 6px solid transparent;
    border-color: #403535 #403535 #403535 #403535;
    border-radius: 6px;

}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #403535 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #403535 transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    border-radius: 0px !important;
    color: #403535;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #F5EDED;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    /*box-shadow:1px 1px 5px 2px grey;*/
    border-radius: 6px;
    margin-top: 5px;
    max-height: 200px;
    /*overflow-y: scroll;*/
    overflow: auto;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/*----------------nuevos selects fin------------------------*/

/* para quitar borde negro imagenes*/

.contenedorimagen {
    overflow: hidden !important;
}

.imgsinborde {
    margin: -1px !important;
    height: 102% !important;
    width: 102% !important;
    max-width: 104% !important;
}

.contenedorimagenparatabla {
    overflow: hidden !important;
    width: 178px !important;

}

.imgsinbordeparatabla {
    margin-right: -1px !important;
    margin-left: -9px !important;

    width: 180px !important;
}

/* fin */

.alert-success {
    background-color: #FF7171;

}

.titlesectionmethod {
    /*    margin: 0 auto;
        margin-bottom: 10px;*/
    margin-left: 40px;
}

.method-payment {

    margin: 10px;

    padding: 10px 10px 0px 10px;
    cursor: pointer;
    background-color: white;
    /*   min-height: 40px;*/
    /*margin-left: 25px !important;*/
    margin: 0 auto;
    margin-bottom: 10px;

    max-width: 450px;

}

.title-method {

    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 0.9em;
    margin-left: auto;

}

.subtitle-method {

    font-size: 1em;
    color: #FF7171 !important;

}

/* siguiente bloque*/
.icontransference {
    border: 1px solid #3B083D;
    border-radius: 50%;
    background-color: white;
    padding: 8px;
    min-width: 32px;
    cursor: pointer;
    /*vertical-align: center;
    margin: 0 auto;*/
}

.icontransferenceorange {
    border: 1px solid #FF7171;
    border-radius: 50%;
    background-color: white;
    padding: 8px;
    min-width: 32px;
    cursor: pointer;
    /*vertical-align: center;
    margin: 0 auto;*/
    color: #FF7171;
    font-weight: bold;
    padding-left: 11px;
    font-family: 'brandon_grotesqueregular', sans-serif;
}


.icontransference.active {
    border: 1px solid #3B083D;
    background-color: #3B083D;
    color: white;
}

.icontransferenceorange.active {
    border: 1px solid #FF7171;
    background-color: #FF7171;
    color: white;
}


.table_transferencia {
    width: 100%;
    /*margin-left: 15%;*/
    margin-top: 30px;
    margin-bottom: 32px;

}

.table_transferencia tr {
    border-bottom: 1px solid rgba(211, 211, 211, 200);
    /*
    background-color: rgba(211, 211, 211, 0.2);
    */
}

.table_transferencia tr:first-child {
    border-top: 1px solid rgba(211, 211, 211, 200);


}

.table_transferencia tr td {
    margin: 10px !important;
    padding: 10px !important;

}

/*.table_transferencia tbody tr:nth-child(even){
    background-color: #f1e7e6;
}*/
.bloque-metodo-trans {
    padding: 40px;
    padding-bottom: 0px !important;
}

/*.bloque-metodo-trans:first-child{
    border-right: 2px solid #3B083D;
}*/
.benefit-filter .filter {
    border-bottom: 1px solid #ed6d5e;
}

.benefit-filter .filter select {
    padding: 5px 10px;
    border: 0px;
    background: transparent;
}

.benefit-filter .filter select,
input:focus {
    outline: none;
}

.benefit-filter .filter input {
    padding: 5px;
    border: 0px;
    background: transparent;
}

.benefit-filter .button-benefit {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.benefit-filter .button-benefit:focus {
    outline: none;
}

@media (max-width: 993px) {
    .block-botonera-pasos {
        float: none !important;
        margin-left: 35%;
    }

    /* #botonerapasos.float-right{
         float: none !important;
     }*/

}

.block-botonera-pasos {
    display: inline-block;
}

#backtocheckout {
    margin-right: 30px;
}

@media (max-width: 767px) {
    .bloque-metodo-trans:first-child {
        /*        border-right: none;
                border-bottom: 2px solid #3B083D;*/
    }

    .marco {
        margin-top: -255px;
        margin-left: -164px
    }

    #backtocheckout {
        margin-right: 0px;
    }

    .table_transferencia {
        margin-left: -8px;
    }

    .block-botonera-pasos {
        margin: auto;
        width: 150px;
        display: block;
    }
}

.conector {
    border: 1px solid #3B083D;
    position: relative;
    left: -4px;
    top: -2px;
    width: 19px;
    z-index: -1;

}

.conector_naranja {
    border: 1px solid #FF7171;

}

.bigtransfcontainer {
    padding-left: 70px;
    /*
    background-color:rgb(237, 224, 222, 0.4);
    */
    border: 1px solid #ede0de;


}

/*.bigtransfcontainer:first-child{
    margin-right: 10px;
}
.bigtransfcontainer:last-child{
    margin-left: 10px;
}*/
.bigtransfcontainer:hover {
    border: 2px solid #FF7171;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    top: -20px;
    box-shadow: 10px 10px 4px 0px rgba(237, 224, 222, 1);
}

.checkboxGrande {
    /*
    margin-right: 20px;
    */
    left: -35px;
}

.checkboxGrande label {
    height: 25px;
    width: 25px;
    background-color: #ccc;

}

.checkboxGrande label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 7px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 15px;
    opacity: 1 !important;
}

.checkboxGrande input[type="checkbox"]:checked+label {
    background-color: #FF7171;
    border-color: #FF7171;
}

.marco {
    border: 2px solid #3B083D;

}

.naranja {
    color: #FF7171;
}

#loading_screen {
    display: none;
    position: fixed;
    padding: 0;
    margin: 0;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);

}

.content_inside_loading_screen {
    margin-top: 45vh;
    text-align: center;
    /*opacity: 1 !important;
    z-index: 99;*/
}

#backtostep1 {
    margin-right: 30px;
}

#nextstep3 {
    margin-left: 30px;

}

@media (max-width: 767px) {
    #qr_yape_img {
      margin-left: 15% !important
    }

    #backtostep1 {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    #nextstep3 {
        margin-left: 0px;

    }

    .bigtransfcontainer {
        padding-left: 50px;
    }
}

#tooltipimageyape {
    opacity: 1 !important;
}

.tooltip.show {
    opacity: 1 !important;

}

.height_for_input_on_transf {
    height: 31px;
}

.margin_for_tile_on_transf {
    margin-top: 10px;
    margin-bottom: 10px
}

.icon_info {
    padding: 2px;
    min-width: 20px;
    padding-left: 6px;
}

.bloque_for_iphone {}

.bloque_titulo_transf_type_for_iphone {}

@media (max-width: 767px) {
    .bloque_for_iphone {
        max-width: 235px;
    }

    .bloque_titulo_transf_type_for_iphone {
        max-width: 160px;

    }

    .custom_fixed_array_buttons {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        ;
    }

    .custom-warning-paso-1 {
        margin-right: -20px;
        margin-left: -20px;
    }
}



input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.fixed_array_buttons {
    z-index: 1000;
    background-color: #f4f4f4;
    box-shadow: 0 0 2px #c7aeb1;
    padding: 5px 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.monto_trans_paso1_contenedor {
    background-color: #3B083D;
    border-radius: 2px;
    margin: auto;
    padding: 10px;
    font-size: 1.5em;
}

.text-white {
    color: white !important;
}

.contenedor_trans_1_metodo_pago {
    border: 1px #3B083D solid !important;
    border-radius: 0px !important;
    background-color: white;
    padding: 11px;
    padding-left: 45px;
    font-size: 1.2em;
}

.card-body {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.custom-warning-paso-1 {
    color: #3B083D !important;
    padding: 0px 10px;
}

.icon-warning {
    background-image: url(../img/danger-sign.png) !important;
    /*
    background-position-x: 10px !important;
    */
    background-position-y: 2px !important;
    padding-left: 15px !important;
    background-repeat: no-repeat !important;
}

.custom_fixed_array_buttons {
    margin-bottom: 20px;
    margin-top: 20px
}

/*corrreccion del carrusel*/
.owl-prev,
.owl-next {
    display: inline-block !important;
    margin-bottom: 0px !important;
}

@media (min-width: 767px) {
    .owl-nav {
        text-align: center;
        position: relative !important;
        left: auto !important;
    }

}

@media (max-width: 767px) {
    .seccion_limits {
        max-width: 100% !important;
    }
}

.copyright_on_gift {
    position: absolute;
    top: 22%;
    background: none;
    color: #3B083D;
    text-align: center;
}

.seccion_limits {
    max-width: 100%;
    max-height: 900px;
}

.multiline {
    white-space: pre-wrap;
}

/*
@media (max-width: 767px) {
    .modal.show .modal-dialog {
        position: absolute;
        top: 0px;
        left: 0px;
    }
}*/
.gift-detail-content-category {
    height: 30px;
}

.gift-detail-content-lower {
    height: 30px;
}

.auto_margin_mobile {
    margin: 0;
}

.warning_step_2 {
    height: 40px;
}

@media (max-width: 767px) {
    .auto_margin_mobile {
        margin: auto;
    }

    .warning_sign_mobile {
        margin-right: 15px;
    }

    .warning_step_2 {
        height: 50px;
        margin-top: 5px;
    }

    .title-method {
        margin-top: 10px;
        font-size: 11px;
    }

    .content_benefit_carrusel {
        min-height: 200px !important;
    }
}

.benefit-category-label {
    position: absolute;
    top: 0px;
    right: 16px;
    width: 100px;
    line-height: 20px;
    text-align: center;
    border: 0;
    font-size: 14px;
    z-index: 1;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
    transition: all 0.25s;
    padding: 5px;
}

.max-lines-2 {
    min-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    /* fallback */
    max-height: 32px;
    /* fallback */
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.max-lines-2-title {
    min-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    /* fallback */
    max-height: 32px;
    /* fallback */
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.span_benefit:hover {
    color: #3B083D;
    text-decoration: none;
}

.span_benefit:link {
    color: #3B083D;
}

.span_benefit {
    color: #3B083D !important;
}

.icon_benefit {
    margin-right: 30px;
    min-width: 16px;
}

.content_benefit_carrusel {
    min-height: 400px;
}

.content-benefit .benefit-name,
.benefit-description {
    color: #3B083D !important;
}

.content-benefit .benefit-name {
    font-size: 17px;
}

.content-benefit .benefit-description {
    color: #3B083D !important;
    font-size: 15px;
}

.input_looklike {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    height: 33px;
    cursor: text;
    /*  margin-top: 5px;
    padding: 2px 3px;
    width: 398px;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: black !important;
}

.select2-results {
    background-color: #f5eded !important;
    border-radius: 0px !important;
    color: #403534;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.custom-select-2 {
    position: relative;
    font-family: inherit;
    margin-top: 20px;
}

.custom-select-2 select {
    display: none;
    /*hide original SELECT element:*/
}

.select2-container {
    border-radius: 0px !important;
    color: #403535 !important;
    padding: 8px 16px !important;
    /*border: 1px solid transparent!important;*/
    border-bottom: solid 1px #e9d9d2 !important;
    cursor: pointer !important;
    user-select: none !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-selection__clear {
    display: none !important;
}

.select2-results__option {
    border-bottom: 1px solid #dcd5d5;
    font-size: 14px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dcd5d5 !important;
}

.select2-results {
    padding: 8px 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 60% !important;
    border-color: #403535 transparent !important;
    border-width: 6px 6px 0 6px !important;
}

.select2-selection--single:focus {
    outline: none !important;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3B083D !important;
}

.input-dni {
    border: none !important;
    background: transparent !important;
    opacity: 0;
    padding-left: 30px !important;
}

.select_type_anfitrion .type_anfitrion {
    font-size: 10px !important;
}

.select2-dropdown {
    min-width: 180px;
}

#select2-bf_1-results,
#select2-bf_2-results {
    max-height: fit-content !important;
}

.round .term-condition {
    border-radius: 0;
}

#check-error {
    padding-left: 15px;
}

.d-none {
    display: none;
}

.overflow-x-auto {
    overflow-x: auto !important;
}
.table-bg-coral {
    background-color: #ffd9d9;
}
.tabla-ancho-fijo {
    width: 150px;
}
.tabla-ancho-variable {
    width: auto;
}
@media (max-width: 767px) {
    .tabla-ancho-fijo {
        width: auto;
    }
    .tabla-ancho-variable {
        width: auto;
    }
}
.text-left {
    text-align: left;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 5px !important;
}
.uppercase {
    text-transform: uppercase;
}
.display-inline {
    display: inline;
}
.display-inline-block {
    display: inline-block;
}
.display-block {
    display: block;
}