body {
    background-color: #f0eef3;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(255, 238, 236, 0.3);
    touch-action: manipulation;
}

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

a {
    text-decoration: none;
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

textarea, select, input, button { outline: none; }

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

td, th {
    padding: 0;
}

th {
    text-align: left;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


::-webkit-scrollbar {
    display: none;
}

.a {
    cursor: pointer;
    color: #330cc0;
}

.root .primary-column {
    background-color: #f1eef3;
    min-height: 100vh;
}

/* alert */

.alert {
    background-color: #4a75b5;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    z-index: 1;
    position: relative;
}

/* modal */

.modal-open {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.slide-full-modal {
    animation-duration: 600ms;
}

/* biutest objects */

.section-title {
    margin-bottom: 20px;
    position: relative;
}

.section-title-margin-sm {
    margin-bottom: 10px;
}

.section-title .icon-box {
    width: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.section-title .icon-box i {
    color: #ff9e9e;
    font-size: 18px;
    padding-top: 3px;
}

.section-title .title {
    font-size: 21px;
    color: #ff9e9e;
    font-weight: 500;
    display: inline-block;
    letter-spacing: -0.5px;
    margin-left: 30px;
}

.section-title .title .count {
    font-size: 15px;
    margin-left: 3px;
    font-weight: 900;
}

.section-title .subtitle {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    margin-left: 30px;
    color: #6d6d6d;
}

.section-title .subtitle i {
    color: #8b8b8b;
    font-size: 9px;
}

.section-title-no-icon .title,
.section-title-no-icon .subtitle {
    margin-left: 0;
}

.section-title-right-more-a {
    float: right;
    padding-top: 5px;
}

.more-a {
    font-size: 12px;
    color: #6277AE;
}

.menu-container {
    padding: 0 15px 15px 15px;    
}

.menu-container .menu-box {
    border-radius: 10px;
    background-color: #fbfbfb;
    border: 1px solid #D5D9D9;
    overflow: hidden;
}

.menu-container .menu-box .menu-row {
    border-bottom: 1px solid #D5D9D9;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-container .menu-box .menu-row:hover {
    background-color: #f5f5f5;
}

.menu-container .menu-box .menu-row:last-child {
    border-bottom: none;
}

.menu-container .menu-box .menu-row .text-content {
    
}

.menu-container .menu-box .menu-row .text-content .text {
    
}

.menu-container .menu-box .menu-row .badge {
    font-size: 12px;
    background-color: #ff9d9d;
    border-radius: 10px;
    padding: 3px 7px;
    color: white;
    margin-left: 5px;
}

.menu-container .menu-box .menu-row .badge-green {
    background: linear-gradient(111deg, #272727 0%, #707070 100%);
    padding: 2px 12px;
    border-radius: 15px;
    font-size: 13px;
    color: white;
    font-weight: 500;
    margin-left: 5px;
    display: inline-block;
}

.menu-container .menu-box .menu-row .arrow {
    
}

.menu-container .menu-box .menu-row .arrow i {
    
}

.menu-container .menu-box .menu-row .amount {
    min-width: 80px;
    text-align: right;
    display: flex;
    flex-direction: column;
}

.menu-container .menu-box .menu-row .deposit {
    color: green;
    font-weight: 900;
}

.menu-container .menu-box .menu-row .withdrawal {
    color: red;
    font-weight: 900;
}

.menu-container .menu-box .menu-row .top {

}

.menu-container .menu-box .menu-row .bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: 3px;
}

.menu-container .menu-box .menu-row .bottom .order-value {
    font-size: 14px;
    color: #8d8d8d;
}

.menu-container .menu-box .menu-row .transaction {
    display: flex;
    align-items: center;
}

.menu-container .menu-box .menu-row .transaction .image-sm {
    
}

.menu-container .menu-box .menu-row .transaction .image-sm .profile {
    height: 40px;
    margin-right: 10px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.menu-container .menu-box .menu-row .transaction .info {
    display: flex;
    flex-direction: column;
}

.menu-container .menu-box .menu-row .transaction .info .top {
    display: block;
    font-weight: 500;
    color: #ff9e9e;
    margin-bottom: 0px;
    font-size: 14px;
}

.menu-container .menu-box .menu-row .transaction .info .biutest-transaction {
    color: #988b9e;
}

.menu-container .menu-box .menu-row .transaction .info .bottom {
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}

.menu-container .menu-box .menu-row .transaction .info .expiration {
    font-size: 14px;
    color: #8d8d8d;
}


.menu-alt-container {
    
}

.menu-alt-container .menu-alt-row {
    padding: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: flex-start;
}

.menu-alt-container .menu-alt-row:last-child {
    border-bottom: none;
}

.menu-alt-container .menu-alt-space {
    height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.menu-alt-container .left {
    width: 50%;
    min-width: 165px;
}

.menu-alt-container .left-with-icon {
    padding-top: 5px;
}

.menu-alt-container .left .title {
    font-weight: 500;
}

.menu-alt-container .right {
    width: 50%;
    word-break: break-all;
}

.menu-alt-container .right .title,
.menu-alt-container .right .title * {
    color: #4a75b5;
}

.menu-alt-container .right .title p {
    display: block;
    margin-bottom: 10px;
} 

.menu-alt-container .right .title .range {
    font-size: 13px;
    color: #454545;
    padding: 5px 10px 5px 10px;
    background-color: #f0eef3;
    border: 1px solid #b9b9b9;
    border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
}

.menu-alt-container .right .blank {
    font-weight: 500;
    display: block;
    border: 1px solid red !important;
    background-color: #fff7f7;
    border-radius: 10px;
    padding: 10px;
    color: red;
    font-size: 13px;
    cursor: pointer;
}

.menu-alt-container .right .blank i {
    font-size: 13px;
    color: red;
}

.bottom-menu-modal .biucredits-card-container {
    padding: 0px;
}

.biucredits-card-container {
    padding: 0 15px;
}

.biucredits-card-container .biucredits-card {
    background-color: #272727;
    border-radius: 20px;
    max-width: 380px;
    margin: auto;
    position: relative;
    overflow: hidden;
    min-height: 230px;
}

.bottom-menu-modal .biucredits-card-container .biucredits-card {
    min-height: 210px;
}

.biucredits-card-container .biucredits-card .bg-reflection {
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
    background: linear-gradient(60deg, #404040 0%, #000000 100%);
    height: 100%;
    width: 80%;
    position: absolute;
    left: 130px;
}

.biucredits-card-container .biucredits-card .bg-content {
    position: absolute;
    width: 100%;
}

.biucredits-card-container .biucredits-card .top {
    padding: 20px;
    display: flex;
    min-height: 120px;
    flex-direction: column;
}

.bottom-menu-modal .biucredits-card-container .biucredits-card .top {
    min-height: 100px;
}

.biucredits-card-container .biucredits-card .top .text {
    color: white;
    font-size: 16px;
    font-weight: 200;
    display: block;
    margin-bottom: 5px;
}

.biucredits-card-container .biucredits-card .top .amount {
    color: white;
    font-size: 32px;
    font-weight: 900;
}

.biucredits-card-container .biucredits-card .bottom {
    padding: 20px;
    display: flex;
    border-top: 1px solid white;
    justify-content: space-between;
    align-items: center;
}

.biucredits-card-container .biucredits-card .bottom .biu-logo {
    height: 20px;
}

.biucredits-card-container .biucredits-card .bottom .user {
    display: flex;
}

.biucredits-card-container .biucredits-card .bottom .user .profile {
        width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

.biucredits-card-container .biucredits-card .bottom .user .user-name {
    font-size: 22px;
    font-weight: 200;
    color: white;
    letter-spacing: 1px;
}

.biucredits-card-container .title {
    display: block;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    margin-bottom: 15px;
}

.biucredits-card-container .title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    background-image: linear-gradient(to bottom, transparent 0, #ffe5dd 0);
    background-position: 0 0.8em;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.08s ease-out;
    -ms-transition: background-position 0.08s ease-out;
    -moz-transition: background-position 0.08s ease-out;
    -o-transition: background-position 0.08s ease-out;
    transition: background-position 0.08s ease-out;
    cursor: pointer;
}


.wide-panel {
    display: flex;
    padding: 15px;
    justify-content: space-between;
    margin-bottom: 7px;
}

.wide-purple-panel {
    background-color: #432985;
}

.wide-black-panel {
    background-color: #272727;
}

.wide-panel .left {
    display: flex;
    align-items: center;
}

.wide-panel .left .title span {
    color: white;
    font-weight: 500;
    font-size: 18px;
}

.wide-panel .right {

}

.wide-panel .right .top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wide-panel .right .top .more {

}

.wide-panel .right .top .more span {
    font-size: 13px;
    display: block;
    cursor: pointer;
}

#biuexp-home .right .top .more span {
    color: #A388E5;
}

#biucredits-home .right .top .more span {
    color: #959595;
}

.wide-panel .right .bottom {
    display: flex;
    justify-content: flex-end;
}

.wide-panel .right .bottom .index {
    display: flex;
    align-items: center;
}

.wide-panel .right .bottom .index span {
    font-size: 22px;
    color: white;
    font-weight: 900;
    margin-right: 7px;
}

.wide-panel .right .bottom .index i {
    color: #FFEB3B;
    font-size: 18px;
}

/* loader */

.loader-pagination {
    text-align: center;
    height: 100px;
}

.loader-section {
    text-align: center;
}

.loading-container {
    min-height: 640px;
}


#loader-pagination, #loader-section, #loader-section-wrapper, #loader-section-color, #loader-post-comments, #notifications-section, #loader-pagination-comments, #loader-comments-notifications-pagination, #loader-question-notifications-pagination, #loader-pagination-activity, .loader-pagination {
    text-align: center;
    background-color: #f1eef3;
}

#loader-pagination-coll-prod {
    text-align: center;
    background-color: white;
}

#loader-post-show, #loader-home, #loader-post-promote, #loader-post-promo {
    text-align: center;
}

#loader-section, #loader-section-color, .loader-section {
    height: 100vh;
}

.loader-min-height {
    min-height: 400px;
}

.loader-bg-w {
    background-color: white;
    text-align: center;
    padding-top: 20px;
    min-height: 150px;
}

.loader-pagination-padding {
    padding-bottom: 0px;
}

.loader-phrases {
    height: 64px;
    max-width: 250px;
    margin: auto;
    margin-bottom: 150px;
}

.loader-phrases-fixed {
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 80px;
}

.loader-phrases .wrap {
    display: block;
    margin-bottom: 15px;
    line-height: 20px;
    color: #988b9e;
}

.pagination-w {
    background-color: white;
    text-align: center;
}

.pagination-w > nav span a, .pagination-w > nav span {
    color: white;
}

.pagination-c {
    background-color: #f0eef3;
    text-align: center;
}

.pagination-c > nav span a, .pagination-c > nav span {
    color: #f0eef3;
}

.lds-ellipsis-wh {
    display: inline-block;
    position: relative;
    width: 65px;
    height: 80px;
}

.lds-ellipsis-wh div {
    position: absolute;
    top: 40px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis-wh div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis-wh div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-wh div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-wh div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

.lds-ellipsis-color {
    display: inline-block;
    position: relative;
    width: 65px;
}
.lds-ellipsis-color div {
    position: absolute;
    top: 40px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffe0d6;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis-color div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis-color div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-color div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-color div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

.loader-pagination .lds-ellipsis-color div,
.bottom-menu-modal .lds-ellipsis-color div,
.bottom-menu-modal-post .lds-ellipsis-color div {
    top: 0;
}

.lds-ellipsis-btn {
    display: inline-block;
    position: relative;
    width: 65px;
    height: 13px;
}
.lds-ellipsis-btn div {
    position: absolute;
    top: 0px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis-btn div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis-btn div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-btn div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis-btn div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

.bg-ellipsis {
    text-align: center;
}

.bg-ellipsis .lds-ellipsis-color div {
    /*top: 245px;*/
}

/* panels */

.pnl {
    background-color: white;
    margin-bottom: 7px;
    padding: 20px 15px 15px 15px;
}

.padding-left {
    background-color: white;
    margin-bottom: 7px;
    padding: 15px;
}

/* buttons */

.tbl-ing-btn {
    padding: 20px 0 5px 0;
}

.btn-md {
    display: inline-block;
    margin: auto;
    padding: 10px 15px;
    border: 1px solid #8d7399;
    color: #896b97;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
}

.btn-md i {
    color: #896b97;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
}

.btn-md-inactive {
    color: #aaa7a7;
    border: 1px solid #cbc9c9;
    background-color: #ffffff;
}

.btn-md-inactive i {
    color: #aaa7a7;
}

.btn-md-gray {
    border: 1px solid #dcdcdc;
    color: #b9b9b9;
    margin-bottom: 8px;
}

.btn-md-wide {
    padding: 10px 25px;
}

.btn-md-gray i {
    color: #b9b9b9;
    font-size: 14px;
}

.btn-md-green {
    color: green;
    border: 1px solid green;
}

.btn-md-green i {
    color: green;
}

.btn-md-block {
    display: block;
}

.btn-sm {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #8d7399;
    color: #896b97;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
    font-size: 14px;
}

.btn-sm i {
    color: #896b97;
    font-size: 12px;   
}

.btn-sm:hover {
    background-color: #f9f4fe;
}

.back-btn {
    width: 40px;
    height: 40px;
    background-color: #fff0ec;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}

.back-btn i {
    font-size: 20px;
    color: #ffa3a3;
    margin-top: 11px;
}

.top-menu-container {
    height: 55px;
    width: 100%;
    position: relative;
    background-color: #f8f8f8;
    display: flex;
    padding-top: 15px;
}

.top-menu-container .back-btn-menu {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    margin-left: 15px;
}

.top-menu-container .back-btn-menu i {
    font-size: 20px;
    color: #ffa3a3;
    margin-top: 11px;
}

.top-menu-container .title {
    font-size: 21px;
    color: #ff9e9e;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-top: 8px;
    margin-left: 15px;
}

/* font-awesome */

.fa-youtube {
    color: #F84949;
}

/* input */

.input {
    margin-bottom: 12px;
}

.input > .container {
    position: relative;
    border: 1px solid #9c9c9c;
    border-radius: 5px;
    padding-right: 10px;
}

.input .container .title {
    display: block;
    position: absolute;
    top: 2px;
    left: 10px;
}

.input .container .title .field {
    font-weight: 500 !important;
    font-size: 14px;
    color: #8d8d8d !important;
    text-transform: none !important;
}

.input .container-disabled .title .field {
    color: #454545;
}

.input .container .title .field-error {
    color: red !important;
}

.input .container .title .field-error i {
    color: red !important;
}

.input .container-error {
    border: 1px solid red !important;
    background-color: #fff7f7;
}

.input .container .title .error {
    font-size: 12px;
    color: red !important;
    display: inline-block;
    margin-left: 3px;
    font-weight: 500 !important;
}

.input .container input {
    height: 33px;
    background-color: transparent;
    border: none;
    width: 100%;
    padding-left: 10px;
    padding-top: 20px;
    border-radius: 5px;
}

.input .container input::placeholder {
    color: #c1c1c1;
}

.input .container select {
    height: 53px;
    background-color: transparent;
    width: 100%;
    padding-left: 5px;
    padding-top: 18px;
    border-radius: 5px;
    border: none;
}

#user_name img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 26px;
    left: 10px;
}

#user_name input {
    padding-left: 35px;
}

.input .container .input-error {
    color: red;
}

.input .container-disabled {
    background-color: #e8e8e8;
}

.input .container textarea {
    background-color: transparent;
    border: none;
    width: 100%;
    padding-left: 10px;
    padding-top: 26px;
    padding-bottom: 3px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input .container .count {
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 12px;
}

.container-input {
    padding: 15px;
}

.container-input > .title {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 12px;
}

.container-input > .title span {
    font-size: 18px;
    font-weight: 900;
    color: #939393;
}

.container-input > .title span i {
    font-size: 14px;
    color: #939393;
}

.input-col {
    display: flex;
}

.input-col .input:nth-child(2n+1) {
    padding-right: 8px;
    width: 50%;
}

.input-col .input:nth-child(2n+2) {
    padding-left: 8px;
    width: 50%;
}

.address-inputs .checkbox {
    display: flex;
    align-items: center;
}

.address-inputs .checkbox .checkbox-col .selection {
    width: 22px;
    height: 22px;
    border: 2px solid #898B90;
    border-radius: 6px;
    margin: auto;
    cursor: pointer;
}

.address-inputs .checkbox .info-col {
    padding-left: 10px;
}

.address-inputs .checkbox .info-col span {
    display: block;
    cursor: pointer;
}

.address-inputs .checkbox .checkbox-col .active {
    background-color: white;
    border: 2px solid #FF9F9F;
}

.address-inputs .checkbox .checkbox-col .active .active-inner {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin: 5px;
    background-color: #FF9F9F;
}

.send-btn .error,
#complete-review .error {
    height: 20px;
    padding-top: 5px;
    font-size: 14px;
    color: red;
    text-align: center;
}

.send-btn .error span,
#complete-review .error span {
    font-size: 14px;
    color: red;
    display: block;
    margin-top: 3px;
    text-align: center;
}

.send-btn .error-height {
    height: auto;
    margin-bottom: 5px;
}

.send-btn .error a {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #0d007f;
}

.next-btn-error {
    display: block;
    font-size: 14px;
    color: red;
    margin-top: 5px;
    height: 14px;
    margin-bottom: 5px;
}

.next-btn-error a {
    font-size: 14px;
    color: #6277AE;
}

.send-btn {

}

.send-btn .send {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 12px 0;
    font-weight: 900;
    border: none;
    width: 100%;
    cursor: pointer;
}

.send-btn .sending,
.bottom-menu-modal .sending,
#complete-review .sending {
    color: white;
    background-color: #c7c7c7;
    border-radius: 10px;
    display: none;
    text-align: center;
    padding: 12px 0;
    font-weight: 900;
    height: 20px;
}

.content-wrapper .wide-btn {
    font-weight: 500;
    color: #ff9f9f;
    background-color: white;
    border: 1px solid #ff9f9f;
    cursor: pointer;
}

.content-wrapper .wide-btn-transparent {
    background-color: transparent;
    color: white;
    border-color: white;
}

.wide-btn {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    background-color: white;
    width: 100%;
    cursor: pointer;
}

.content-wrapper-2-col > .container {
    display: table;
    width: 100%;
}

.content-wrapper-2-col .wide-btn-2-col {
    float: left;
    width: 50%;
}

.content-wrapper-2-col .wide-btn-2-col:nth-child(2n+1) .container {
    padding-right: 8px;
}

.content-wrapper-2-col .wide-btn-2-col:nth-child(2n+2) .container {
    padding-left: 7px;
}

.content-wrapper-2-col .wide-btn-2-col .wide-btn-2 {
    font-weight: 500;
    color: #ff9f9f;
    background-color: white;
    border: 1px solid #ff9f9f;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    background-color: white;
    width: 100%;
}

.wide-btn-white {
    color: #ffffff;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    border: 1px solid #ffffff;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    width: 100%;
    cursor: pointer;
}

.signed-out-participate,
.signed-out-suggest,
.signed-in-unconfirmed-participate,
.signed-in-participate,
.signed-in-suggest {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
}

.content-wrapper .wide-btn-solid {
    color: white;
    background-color: #ff9f9f;
}

.content-wrapper .wide-btn-blue,
.content-wrapper-2-col .wide-btn-2-col .wide-btn-blue {
    color: white;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
}

.wide-btn-white i {
    color: white;
}

.wide-btn-green {
    background-color: #4CAF50;
}

.wide-btn-red {
    background-color: #F44336;
}

.wide-btn-yellow {
    background-color: #ffc107;
}

.welcome-panel-container .wide-btn-purple {
    color: white;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    margin-bottom: 15px;
}

.close-wide-btn {
    color: #939393;
    background-color: #f0f0f0;
}

.show-user-milestones {
    cursor: pointer;
}

/* products */


.p-list-sm .p {
    /*height: 60px;*/
    display: block;
    padding: 10px 0;
}

.p-list-sm .p-b {
    height: 40px;
}

.p-list-sm .p img {
    width: 60px;
    border-radius: 10px;
    float: left;
}

.p-list-sm .p .info {
    padding-left: 70px;
}

.p-list-sm .p .info .brand {
    font-family: "Space Mono", sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.p-list-sm .p .info .name {
    font-weight: 200;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
}

.p-list-sm .p .info .name > mark {
    font-weight: 200;
    background-color: #ffe9e2;
}

.p-list-sm .p .info .product-version {
    background-color: #f1f1f1;
    padding: 2px 10px 3px 10px;
    border-radius: 15px;
    color: #7b7b7b;
    font-size: 13px;
    display: table-cell;
}

.p-list-sm .p .info .category {
    font-size: 12px;
    display: block;
    color: #aaaaaa;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.p-list-sm .p .info .version-container {
    margin-top: 5px;
}

.p-list-sm .p .info .version-container .version {
    margin-right: 5px;
    display: inline-block;
}

.p-list-sm .p .info .version-container .version .bg {
    background-color: #ffffff;
    border: 1px solid #8d8d8d;
    padding: 1px 11px;
    border-radius: 10px;
}

.p-list-sm .p .info .version-container .version .bg .txt {
    color: #8d8d8d;
    font-size: 13px;
    margin: 3px 0 2px 0;
    display: block;
}

.p-list-sm .p .info .version-container .version .version-img {
    display: inline-block;
}

.p-list-sm .p .info .version-container .version .version-img .bg {
    background-color: #ffffff;
    border: 1px solid #a6a6a6;
    padding: 5px 8px 5px 5px;
    border-radius: 10px;
    display: table;
}

.p-list-sm .p .info .version-container .version .version-img .bg .img {
    width: 20px;
    height: 20px;
    float: left;
    border-radius: 5px;
    border: 1px solid #ffffff8f;
}

.p-list-sm .p .info .version-container .version .version-img .bg .text {
    color: #8d8d8d;
    font-size: 13px;
    margin: 4px 0 2px 5px;
    float: left;
}



.b-list .b, .b-list .s {
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-list .b img, .b-list .s img {
    width: 50px;
    height: 50px;
    background-color: #ffefec;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid lightgrey;
    float: left;
}

.b-list .b span, .b-list .s span {
    font-family: "Space Mono", monospace;
    font-size: 18px;
    color: #313131;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    text-transform: uppercase;
    line-height: 50px;
}

.b-list .b span > mark, .b-list .s span > mark {
    font-family: "Space Mono", monospace;
    font-size: 18px;
    color: #313131;
    background-color: #ffe9e2;
}

/* title box */

.title-panel {
    background-color: white;
    padding-top: 15px;
}

.title-panel > .title-box {
    margin-bottom: 10px;
    padding: 0 15px;
}

.title-panel > .title-box-margin {
    margin-bottom: 0;
    padding: 0 15px;
}

.title-panel > .title-box > .title {
    font-size: 36px;
    font-weight: 900;
    display: block;
    line-height: 34px;
    margin-bottom: 3px;
}

.title-panel > .title-box > .subtitle {
    font-size: 14px;
    display: block;
    line-height: 16px;
    color: #A3A3A3;
}

.title-panel > .title-box > .subtitle a {
    color: #8d7398;
    font-size: 13px;
}

.verified-account-banner {
    width: 100%;
    background-color: #4CAF50;
    text-align: center;
}

.verified-account-banner .container {
    padding: 15px;
}

.verified-account-banner span {
    color: white;
    font-weight: 900;
}


/* feed */

.top-white {

}

#loading-container, 
.loading-container, 
#loading-container-wrapper {
    min-height: 640px;
}

.feed {
    text-align: left;
    position: relative;
}

.feed-preview {
    padding-bottom: 80px;
}

.feed-comment {
    padding-bottom: 100px;
}

.feed .panel {
    background-color: white;
    height: 500px;
}

.post-header-hr {
    margin: 0 15px 10px 15px;
    border-bottom: 1px solid #d7d7d7;
}

.posts-feed {
    background-color: #f0eef3;
}

.post, .post-promo-exclusive {
    background-color: white;
    margin-bottom: 7px;
    z-index: 1;
    position: relative;
}

.post-ad {
    background-color: white;
    margin-bottom: 7px;
}

.post-pinned {
    background-color: white;
}

.post .header, .post-promo-exclusive .header {
    padding: 12px 15px 5px 12px;
    position: relative;
    height: 41px;
}

.post > .product {
    height: 46px;
}

.post .header .user .profile, .post .header .brand .profile,
.post .header .store .profile, .post .header .community .profile,
.post-promo-exclusive .header .brand .profile,
.post-promo-exclusive .header .store .profile {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    margin-top: 3px;
    float: left;
    object-fit: cover;
}

.post .user-header .user {
    display: inline-block;
}

.post .user-header .user .user-profile-container {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    object-fit: cover;
}

.post .user-header .user .user-profile-container .user-profile {
    width: 100%;
}

.post .user-header .user .user-profile-container .badge {

}

.post .user-header .user .user-profile-container .badge {
    position: absolute;
    left: 30px;
    top: 35px;
    background-color: #676767;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 2px solid white;
    text-align: center;
    display: flex;
}

.post .user-header .user .user-profile-container .brand {
    background-color: #676767;
}

.post .user-header .user .user-profile-container .badge .fa-check {
    color: white;
    font-size: 9px;
    margin-top: 3px;
    margin-left: 3px;
}

.post .user-header .user .user-profile-container .admin {
    background-color: #ff9e9e;
}

.post .user-header .user .user-profile-container .badge .fa-star {    
    color: white;
    font-size: 8px;
    margin-top: 3px;
    margin-left: 3px;
}

.post .user-header .user .user-profile-container .ambassador {
    background-color: #ff9800;
}

.post .user-header .user .user-profile-container .badge .fa-crown {
    color: white;
    font-size: 7px;
    margin-top: 4px;
    margin-left: 3px;
}

.post .user-header .user .user-profile-container .employee {
    background-color: #676767;
}

.post .user-header .user .info {
    float: left;
}

.post .user-header .user .info .top .time {
    font-size: 13px;
    color: #ADADAD;
    display: inline-block;
}

.post .user-header .user .info .bottom,
.post .user-header .user .info .bottom .user-skin-type,
.post .user-header .user .info .bottom .user-dob,
.post .header .community .info .user-owner .user-skin-type,
.post .header .community .info .user-owner .user-dob {
    color: #ADADAD;
    font-size: 13px;
    margin-left: 5px;
}

.post .user-header .user .info .bottom .user-skin-type {
    margin-left: 0;
}

.post .user-header .user .info .bottom {
    margin-left: 0;
}


.post .user-header .user .info .bottom .current-user-skin-type,
.post .header .community .info .user-owner .current-user-skin-type {
    color: #d3a7a7;
    font-size: 13px;
    margin: 0 5px;
}

.post .header .community .info .user-owner .user-skin-type {
    margin: 0 5px;
}

.post .header .community .info .user-owner {
    cursor: pointer;
}

.post .header .community .info .user-deleted {
    cursor: initial;
}

.post .header .community .info .user-owner i {
    font-size: 9px;
    color: #ADADAD;
    margin: 5px 0 0 3px;
}

.post .user-header .user .info .bottom .user-skin-type-circle {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 4px;
    margin-top: 4px;
}

.post .user-header .user .info .bottom .user-skin-type-normal {
    background-color: #00BCD4;
}

.post .user-header .user .info .bottom .user-skin-type-grasa {
    background-color: #ff9800;
}

.post .user-header .user .info .bottom .user-skin-type-mixta {
    background-color: #9c27b0;
}

.post .user-header .user .info .bottom .user-skin-type-seca {
    background-color: #cddc39;
}

.post .header .community .profile-follow {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background-color: #FF5072;
    text-align: center;
    position: absolute;
    left: 33px;
    top: 33px;
}

.post .header .community .profile-follow i {
    color: white;
    font-size: 9px;
    display: block;
    margin-top: 3px;
}

.post .header .user .info,
.post .header .brand .info,
.post .header .store .info,
.post .header .community .info,
.post-promo-exclusive .header .brand .info,
.post-promo-exclusive .header .store .info {
    margin-top: 1px;
    float: left;
    margin-left: 7px;
}

.post .header .user .info .top,
.post .header .brand .info .top,
.post .header .store .info .top,
.post .header .community .info .top,
.post-promo-exclusive .header .brand .info .top,
.post-promo-exclusive .header .store .info .top {
    height: 16px;
}

.post .user-header .user .info .top {
    height: 18px;
}

.post .header .product .info .top {
    height: 31px;
}

.post .header .community .info .top .name {
    font-weight: 900;
    font-size: 15px;
}

.post .header .community .info .user {
    display: flex;
    margin-top: 2px;
}

.post .header .product .info .user {
    display: flex;
    margin-top: 4px;
}

.post .header .user .info .top .user-name  {
    font-size: 13px;
    display: inline-block;
    font-weight: 900;
    color: #988b9e;
}

.post .header .community .info .top .brand-name {
    display: block;
    margin-top: -7px;
}

.post .header .community .info .top .brand-name a {
    font-weight: 900;
    font-family: "Space Mono", monospace;
    font-size: 14px;
}

.post .header .community .info .top .product-name {
    display: block;
    margin-top: -5px;
}

.post .header .community .info .top .product-name a {
    font-size: 14px;
    color: #6a6a6a;
}

.post .header .community .info .top .brand-community-name,
.post .header .community .info .top .store-community-name {
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
}

.post .header .community .info .top .promo-post {
    height: 18px;
}

.post .header .community .info .top .promo-post span {
    text-transform: uppercase;
    color: #332FAC;
    font-weight: 900;
    font-size: 14px;
    float: left;
    margin-right: 5px;
}

.post .header .community .info .top .promo-post .exclusive {
    color: #ffc107;
}

.post .header .community .info .top .promo-post .standard {
    color: #54398a;
}

.post .header .community .info .top .promo-post .fa-star {
    font-size: 11px;
    color: #ffc107;
    float: left;
    margin-top: 2px;
}

.post .header .community .info .top .promo-post .fa-tags {
    font-size: 10px;
    color: #54398a;
    float: left;
    margin-top: 3px;
}

.post .header .brand .info .top .user-name,
.post .header .store .info .top .user-name,
.post-promo-exclusive .header .brand .info .top .user-name,
.post-promo-exclusive .header .store .info .top .user-name {
    font-weight: 900;
    font-size: 14px;
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
}

.post .header .brand .info .top .user-name i,
.post .header .store .info .top .user-name i,
.post-promo-exclusive .header .brand .info .top .user-name i,
.post-promo-exclusive .header .store .info .top .user-name i {
    font-size: 10px;
    margin-left: -4px;
    margin-top: 3px;
    color: white;
}

.post .header-promo .brand .info .top .user-name,
.post .header-promo .store .info .top .user-name,
.post-promo-exclusive .header-promo .brand .info .top .user-name,
.post-promo-exclusive .header-promo .store .info .top .user-name {
    background-color: initial;
    border-radius: 0;
    padding: 0;
    color: #454545;
    margin-left: 0;
    font-size: 14px;
}

.post .header .user .info .time,
.post .header .brand .info .time,
.post .header .store .info .time,
.post .header .community .info .time,
.post .header .community .info .user-owner,
.post-promo-exclusive .header .brand .info .time,
.post-promo-exclusive .header .store .info .time {
    font-size: 13px;
    color: #ADADAD;
}

.post .header .community .info .user-owner {
    margin-right: 5px;
    display: flex;
}

.post .header .community .info .user-owner .user-name-container {
    display: flex;
    margin-right: 4px;
}

.post .header .community .info .user-owner .user-name-container .user-name {
    color: #ADADAD;
    font-size: 13px;
}

.post .header .community .info .user-owner .user-name-container i {
    font-size: 9px;
    color: #ADADAD;
    margin: 5px 0 0 3px;
}

.post .header .community .info .user-promo {
    margin-top: -3px;
    display: block;
    float: left;
}

.post .header .community .info .user-owner-promoted {
    font-size: 13px;
    color: gray;
    display: inline-block;
}



.post .header .community .info .brand-user,
.post .header .community .info .store-user {
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
}

.post .header .community .info .brand-user i,
.post .header .community .info .store-user i {
    font-size: 12px;
    color: gray;
}

.post .header .action {
    position: absolute;
    top: 7px;
    right: 10px;
}

.post .header .action .post-menu-btn {
    color: #d3cdd5;
    width: 35px;
    height: 40px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.post .header .action .post-menu-btn i {
    color: #d3cdd5;
    margin-top: 12px;
}

.post .header .action .post-bookmark-btn {
    color: #d3cdd5;
    width: 35px;
    height: 40px;
    text-align: center;
    margin-right: 0 !important;
    float: left;
    cursor: pointer;
}

.post .header .action .post-bookmark-btn .fa-bookmark-inactive {
    color: #d3cdd5;
    margin-top: 12px;
    font-size: 17px;
}

.post .header .action .post-bookmark-btn .fa-bookmark-active {
    color: #ff9f9f;
    font-size: 17px;
    margin-top: 12px;
}

.post .header .action .post-pin-btn {
    color: #d3cdd5;
    width: 35px;
    height: 40px;
    text-align: center;
    margin-right: 0 !important;
    float: left;
}

.post .header .action .post-pin-btn .fa-thumbtack-inactive {
    color: #d3cdd5;
    margin-top: 13px;
    font-size: 17px;
}

.post .header .action .post-pin-btn .fa-thumbtack-active {
    color: #fe5072;
    font-size: 17px;
    margin-top: 13px;
}


.post .body .card {
    padding: 25px 0 15px 0;
}

.post-show, .post-home-show, .post-promote, .post-promo {
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99;
    display: none;
    animation-duration: 600ms;
}

.show-article-comments {
    background-color: #f0eef3;
}

.post-show > .container, .post-promote > .container, .post-promo > .container {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-color: #f0eef3;
}

.post-show .feed-show, .post-promote .feed-show, .post-promo .feed-show {
    background-color: #f0eef3;
}

/* ads */

.promoted-campaign-feed {
    text-align: left;
    position: relative;
    margin-top: 7px;
    min-height: 1000px;
}

.promoted-campaign-row, .promo-index-row {
    background-color: white;
    margin-bottom: 7px;
    display: table;
    width: 100%;
    min-height: 110px;
}

.promoted-campaign-row .container, .promo-index-row  .container {
    padding: 15px;
}

.promoted-campaign-row .image-col, .promo-index-row .image-col {
    width: 80px;
    height: 80px;
    float: left;
}

.promoted-campaign-row .image-col .image-container, .promo-index-row .image-col .image-container {
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    background-color: #fcf2ee;
}

.promoted-campaign-row .image-col .image-container img, .promo-index-row .image-col .image-container img {
    width: 100%;
}

.promoted-campaign-row .image-col .image-placeholder, .promo-index-row .image-col .image-placeholder {
    width: 80px;
    height: 80px;
    background-color: #fcf2ee;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #e8e8e8;
}

.promoted-campaign-row .image-col .image-placeholder i, .promo-index-row .image-col .image-placeholder i {
    color: #ecdfdf;
    font-size: 36px;
    margin-top: 22px;
}

.promoted-campaign-row .info-col, .promo-index-row .info-col {
    padding-left: 90px;
}

.promoted-campaign-row .info-col .title, .promo-index-row .info-col .title {
    font-weight: 900;
    display: block;
    line-height: 14px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.promoted-campaign-row .info-col .post-type, .promo-index-row .info-col .post-type {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    color: gray;
}

.promoted-campaign-row .info-col .post-type i, .promo-index-row .info-col .post-type i {
    font-size: 11px;
    color: #aaaaaa;
}

.promoted-campaign-row .info-col .results, .promo-index-row .info-col .results {
    font-size: 14px;
    color: gray;
    display: block;
    margin-bottom: 5px;
}

.promoted-campaign-row .info-col .objective, .promo-index-row .info-col .objective {
    font-size: 12px;
    color: gray;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.promoted-campaign-row .info-col .audience, .promo-index-row .info-col .audience {
    font-size: 12px;
    color: gray;
    display: block;
    margin-bottom: 5px;
    background-color: #ff9e9e;
    display: inline-block;
    color: white;
    font-weight: 900;
    padding: 2px 7px;
    border-radius: 10px;
}

.post-audience {
    padding: 10px 15px 10px 15px;
    background-color: #fff3ef;
    margin-bottom: 7px;
}

.post-audience .title {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    color: #c4b5b2;
    font-weight: 900;
}

.post-audience > .audience {
    font-size: 13px;
    color: gray;
    display: block;
    margin-bottom: 5px;
    background-color: #c3b5b2;
    display: inline-block;
    color: white;
    font-weight: 900;
    padding: 2px 7px;
    border-radius: 10px;
}

.promoted-campaign-row .info-col .status, .promo-index-row .info-col .status {
    display: table;
}

.promoted-campaign-row .info-col .status .circle, .promo-index-row .info-col .status .circle {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 3px 4px 0 0;
}

.promoted-campaign-row .info-col .status .active, .promo-index-row .info-col .status .active {
    background-color: green;
}

.promoted-campaign-row .info-col .status .pending, .promo-index-row .info-col .status .pending {
    background-color: #FFC107;
}

.promoted-campaign-row .info-col .status .paused, .promoted-campaign-row .info-col .status .finished, .promo-index-row .info-col .status .paused, .promo-index-row .info-col .status .finished {
    background-color: gray;
}

.promoted-campaign-row .info-col .status .text, .promo-index-row .info-col .status .text {
    font-size: 13px;
    padding: 0;
    float: left;
    margin-top: 1px;
    font-weight: 500;
}

.pnl-no-pad {
    background-color: white;
    margin-bottom: 7px;
    padding: 20px 0 15px 0;
    overflow: hidden;
}

.pnl-no-pad .section-title {
    margin: 0 15px 20px 15px;
}

.pnl-no-pad .section-title-no-subtitle {
    margin-bottom: 10px;
}

.pnl-no-pad .complete-account-bar {
    margin: 20px 15px 20px 15px;
}

.container-input .pnl-no-pad .section-title {
    margin: 0 0 20px 0;
}

.pnl-no-pad .collection-want  {

}

.pnl-no-pad .collection-want .icon-box i,
.pnl-no-pad .collection-want .title,
.pnl-no-pad .collection-want .subtitle {
    color: #f44336;
}

.pnl-no-pad .collection-have .icon-box i,
.pnl-no-pad .collection-have .title,
.pnl-no-pad .collection-have .subtitle {
    color: #2ab529;
}


.container-input .pnl-border-bottom {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.content-wrapper {
    padding: 0 15px;
}

.content-wrapper .post .body .card {
    padding: 0;
}

.community-row-notifications {
    display: initial !important;
    position: initial !important;
}

/* complete account */

.complete-account-bar {
    position: relative;
}

.complete-account-bar .check {
    position: absolute;
    background-color: white;
    border: 2px solid #999adc;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    right: -14px;
    top: -6px;
    text-align: center;
    z-index: 1;
}

.complete-account-bar .check i {
    color: #999adc;
    font-size: 12px;
    margin-top: 4px;
}

.complete-account-bar .star {
    position: absolute;
    background-color: white;
    border: 2px solid #bcbcbc;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    right: 0;
    top: -6px;
    text-align: center;
    z-index: 1;
}

.complete-account-bar .star-green {
    position: absolute;
    background-color: white;
    border: 2px solid #bebebe;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    right: 0;
    top: -6px;
    text-align: center;
    z-index: 1;
}

.complete-account-bar .star-green i {
    color: #999adc;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
}

.complete-account-bar .star i {
    color: #b6b6b6;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
}

.complete-account-bar .bar {
    height: 12px;
    width: 100%;
    background-color: white;
    border-radius: 10px;
}

.complete-account-bar .bar .segment {
    width: 5.88%;
    float: left;
    position: relative;
    height: 12px;
}

.complete-account-bar .bar .segment .pad-start {
    /*padding-right: 1.5px;*/
}

.complete-account-bar .bar .segment .pad-start .fill {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.complete-account-bar .bar .segment .pad-end {
    /*padding-left: 1.5px;*/
}

.complete-account-bar .bar .segment .pad-end .fill {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.complete-account-bar .bar .segment .pad {
    /*padding: 0 1.5px; */
}

.complete-account-bar .bar .segment .fill {
    height: 12px;
    width: 100%;
    background-color: #FFE7E0;
}

.c-1 { background: linear-gradient(90deg, #BEF0D1 0%, #BCEBD1 100%) !important; }
.c-2 { background: linear-gradient(90deg, #BCEBD1 0%, #B9E5D2 100%) !important; }
.c-3 { background: linear-gradient(90deg, #B9E5D2 0%, #B7E0D3 100%) !important; }
.c-4 { background: linear-gradient(90deg, #B7E0D3 0%, #B5DBD4 100%) !important; }
.c-5 { background: linear-gradient(90deg, #B5DBD4 0%, #B2D5D4 100%) !important; }
.c-6 { background: linear-gradient(90deg, #B2D5D4 0%, #B0D0D5 100%) !important; }
.c-7 { background: linear-gradient(90deg, #B0D0D5 0%, #AECAD5 100%) !important; }
.c-8 { background: linear-gradient(90deg, #AECAD5 0%, #ABC5D6 100%) !important; }
.c-9 { background: linear-gradient(90deg, #ABC5D6 0%, #A9C0D7 100%) !important; }
.c-10 { background: linear-gradient(90deg, #A9C0D7 0%, #A7BAD7 100%) !important; }
.c-11 { background: linear-gradient(90deg, #A7BAD7 0%, #A4B5D8 100%) !important; }
.c-12 { background: linear-gradient(90deg, #A4B5D8 0%, #A3B0D9 100%) !important; }
.c-13 { background: linear-gradient(90deg, #A3B0D9 0%, #A0AAD9 100%) !important; }
.c-14 { background: linear-gradient(90deg, #A0AAD9 0%, #9EA6DA 100%) !important; }
.c-15 { background: linear-gradient(90deg, #9EA6DA 0%, #9B9FDA 100%) !important; }
.c-16 { background: linear-gradient(90deg, #9B9FDA 0%, #999ADB 100%) !important; }
.c-17 { background: linear-gradient(90deg, #999ADB 0%, #9795DB 100%) !important; }

.complete-account-carousel {
    padding-left: 15px;
    height: 340px;
    margin-bottom: 25px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: scroll;
}

.complete-account-carousel-signed-out {
    height: 290px;
}

.complete-account-carousel .action {
    width: 200px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.complete-account-carousel .action .image {
    width: 200px;
    height: 200px;
    background-color: #FFE7E0;
    border-radius: 15px;
    margin-bottom: 10px;
    position: relative;
}

.complete-account-carousel .action .image img {
    width: 100%;
}

.complete-account-carousel .action .info {
    white-space: initial;
    padding-right: 15px;
    width: 200px;
}

.complete-account-carousel .action .info .title {
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.complete-account-carousel .action .info .subtitle {
    font-size: 14px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    color: gray;
}

.complete-account-carousel .completed .info .title {
    color: #b8b8b8;
}

.complete-account-carousel .completed .info .btn-md {
    border: 1px solid #c5c5c5;
    color: #b8b8b8;
}

.complete-account-carousel .completed .completed-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #4CAF50;
    bottom: 15px;
    right: 15px;
    border-radius: 50%;
    text-align: center;
}

.complete-account-carousel .completed .completed-icon i {
    color: white;
    font-size: 24px;
    margin-top: 9px;
}

.complete-account-bar .bar .full-colored-segment {
    width: 100%;
    position: absolute;
    height: 12px;
    background: linear-gradient(90deg, #BEF0D1 0%, #9693DC 100%) !important;
    border-radius: 8px;
}

.complete-account-bar .bar .white-segment {
    width: 100%;
    position: absolute;
    height: 12px;
    background: white;
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out;
}

.complete-account-bar .bar .star-green-hidden {
    display: none;
}

.user-milestones-panel .completed-banner {
    background: linear-gradient(90deg, #ff5171 0%, #ff8aa0 100%) !important;
    padding: 20px;
    border-radius: 15px;
    margin: 0 15px 15px 15px;
    display: none;
}

.user-milestones-panel .completed-banner .title {
    color: white;
    font-size: 22px;
    font-weight: 900;
    display: block;
    margin-bottom: 7px;
}

.user-milestones-panel .completed-banner .title i {
    color: white;
    font-size: 20px;
}

.user-milestones-panel .completed-banner .subtitle {
    color: white;
    font-size: 16px;
    display: block;
    margin-bottom: 12px;
}

.completed-milestones-gift {
    display: none;
}

.user-milestones-panel .images-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 190px;
    margin: 15px 0 15px 0;
}

.user-milestones-panel .images-carousel .image {
    border-radius: 15px;
    overflow: hidden;
    width: 300px;
    height: 190px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    background-color: #d6ffe6;
}

.user-milestones-panel .images-carousel .image img {
    width: 100%;
    overflow: hidden;
    height: 190px;
    position: relative;
}

.user-milestones-panel .completed-milestones-gift > .info {
    padding: 0 15px 10px 15px;
}

.user-milestones-panel .completed-milestones-gift > .info .title {
    font-size: 22px;
    font-weight: 900;
    display: block;
    margin-bottom: 5px;
}

.user-milestones-panel .completed-milestones-gift > .info .subtitle {
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #808080;
    margin-bottom: 10px;
}

.user-milestones-panel .completed-milestones-gift > .info .btn-md {

}

.user-milestones-panel .completed-milestones-gift > .info .coupon-code {
    background: linear-gradient(90deg, #9edeb6 0%, #9693DC 100%) !important;
    font-size: 20px;
    font-weight: 900;
    border-radius: 5px;
    padding: 8px 15px;
    display: inline-block;
    color: white;
}

.user-milestones-panel .section-title .close-panel {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.user-milestones-panel .section-title .close-panel i {
    font-size: 18px;
    color: #d8d8d8;
    margin-top: 3px;
}

.biutienda-gradient-bg {
    background: #f2d7ff;
    background: linear-gradient(180deg, #e9c6f8 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
    padding-top: 0;
    position: relative;
}

.biutienda-header-bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 160px;
}

.biutienda-header-bg .bg-cropped {

}

.biutienda-header-bg .bg-cropped .bg-img {
    width: 100%;
}

.biutienda-header {
    text-align: center;
    width: 290px;
    margin: auto;
    margin-bottom: 25px;
    position: absolute;
    top: 105px;
    z-index: 1;
    left: 0;
    right: 0;
}

.biutienda-header .biutienda-logo-feed {
    width: 90px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}

.biutienda-header .biutienda-subtitle {
    font-size: 14px;
    display: block;
    color: #0C057F;
}

.biutienda-product-available {
    padding: 0 15px;
    margin-bottom: 18px;
    text-align: center;
}

.biutienda-product-available .product {
    margin-bottom: 10px;
    display: none;
}

.biutienda-product-available .active {
    display: block;
}

.biutienda-product-available .product .container {
    margin: auto;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.biutienda-product-available .product img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    border: 1px solid lightgray;
}

.biutienda-product-available .product .version-visible img {
    margin-top: 10px;
    width: 50px;
    height: 50px;
}

.biutienda-product-available .product .info {
    padding-left: 55px;
    padding-top: 2px;
}

.biutienda-product-available .product .version-visible .info {
    padding-left: 60px;
}

.biutienda-product-available .product .info .brand {
    font-family: "Space Mono", sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.biutienda-product-available .product .info .name {
    font-weight: 200;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: -4px;
    font-size: 18px;
}

.biutienda-product-available > .brand {
    height: 50px;
    margin-bottom: 12px;
}

.biutienda-product-available .product .info .versions-row {
    margin-top: 5px;
}

.biutienda-product-available .product .info .versions-row-text {

}

.biutienda-product-available .product .info .version-container {
    display: inline-block;
}

.biutienda-product-available .product .info .version-container .version {
    margin-right: 5px;
    display: inline-block;
}

.biutienda-product-available .product .info .version-container .version .bg {
    background-color: #fff1ec;
    border: 1px solid #ffd1d1;
    padding: 1px 11px;
    border-radius: 10px;
}

.biutienda-product-available .product .info .version-container .version .bg .txt {
    color: #FFA3A3;
    font-size: 13px;
    margin: 3px 0 2px 0;
    display: block;
}

.biutienda-product-available .brand .container {
    margin: auto;
    display: inline-block;
    text-align: left;
}

.biutienda-product-available .brand img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    border: 1px solid lightgray;
}

.biutienda-product-available .brand .info {
    padding-left: 55px;
    padding-top: 2px;
}

.biutienda-product-available .brand .info .brand {
    font-family: "Space Mono", sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.biutienda-product-available .brand .info .name {
    font-weight: 400;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: -2px;
    font-size: 15px;
}

.biutienda-banners-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    margin-bottom: 20px;
}

.title-panel .biutienda-banners-carousel {
    margin: 15px 0 5px 0;
}

.biutienda-banners-carousel .banner {
    width: 314px;
    height: 120px;
    float: left;
    text-align: center;
    flex: 0 0 auto;
    position: relative;
    padding-right: 10px;
}

.biutienda-banners-carousel .container {
    border-radius: 15px;
    overflow: hidden;
    height: 120px;
    background-color: #f0eef3;
}

.biutienda-banners-carousel .container img {
    width: 100%;
}

.biutienda-products-title-feed {
    margin: 0 0 15px 15px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #B49A92;
}

.biutienda-banner {
    background-color: #f8eeeb;
    height: 125px;
    margin-bottom: 15px;
    margin-top: -7px;
}

.biutienda-index-header {
    background: #f2d7ff;
    background: linear-gradient(180deg, #e9c6f8 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
    padding-top: 0;
    position: relative;
}

.biutienda-index-header .biutienda-header-bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 180px;
}

.biutienda-index-header .biutienda-header-bg .bg-cropped {

}

.biutienda-index-header .biutienda-header-bg .bg-cropped .bg-img {
    width: 100%;
}

.biutienda-index-header .biutienda-header {
    text-align: center;
    width: 290px;
    margin: auto;
    margin-bottom: 25px;
    position: absolute;
    top: 115px;
    z-index: 1;
    left: 0;
    right: 0;
}

.biutienda-index-header .biutienda-header .biutienda-subtitle {
    font-size: 14px;
    display: block;
    color: #0C057F;
}

/* card */

.card .image {
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-bottom: 0;
    margin-bottom: -4px;
    background-color: #e3e3e3;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.promo-exclusive .image {
    height: 180px;
}

.card .image-show, .campaign .image, .article .image {
    max-height: initial;
}

.card .image > img {
    width: 100%;
    margin-bottom: -4px;
    object-fit: cover;
}

.card .image .brands {
    position: absolute;
    top: 12px;
    right: 12px;
}

.card .image .brands > img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid white;
    float: right;
    margin-left: -8px;
}

.post-campaign .campaign .image {
    min-height: 330px;
}

.promo-exclusive .image {

}

.card .box {
    background-color: #fff9f6;
    padding: 15px 15px 20px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px solid #e4e4e4;
}

.card .box > .giveaway-title {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
    color: white;
}

.card .box > .giveaway-title i {
    font-size: 11.5px;
    color: white;
}

.card .box > .section {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
    color: #FF5072;
}

.card .box > .title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 900;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 28px;
}

.card .box > .event-title i {
    color: #FF5072;
    font-size: 14px;
}

.card .box > .event-title {
    color: #FF5072;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
}

.event-container {
    padding: 0 15px;
}

.event .box .footer .text {
    float: left;
    padding-top: 5px;
    padding: 7px 10px;
    border-radius: 15px;
    background-color: #ff5071;
}

.event .box .footer .disabled {
    background-color: #e4cfc9;
}

.campaign .box > .title {
    color: #ffa3a3;
}

.campaign .box > .value {
    color: #6D6D6D;
    font-size: 13px;
    display: inline-block;
    margin: 10px 0 0px 0px;
    font-weight: 900;
}



.article .box > .title {
    -webkit-line-clamp: initial;
}

.card .box .extract {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #7e7a80;
}

.campaign .box .extract {
    color: #c7c3e1;
}

.card .box .extract-full {
    display: initial;
    -webkit-line-clamp: unset;
}

.card .box .footer {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.campaign .box > .footer {
    display: flex;
    width: 100%;
    margin-top: 0;
}

.card .box .footer .button {
    padding: 6px 15px;
    border-radius: 20px;
    float: right;
    font-size: 16px;
    font-weight: 500;
}

.card .box .footer .active {
    color: #FF5072;
    border: 1px solid #FF5072;
    background-color: white;
}

.card .box .footer .active i {
    color: #FF5072;
    font-size: 13px;
}

.card .box .footer .transparent-btn {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 5px;
}

.card .box .footer .solid-btn {
    border: 1px solid #4739c5;
    color: #4739c5;
}

.card .box .footer .green {
    color: green;
    border: 1px solid green;
}

.card .box .footer .green i {
    color: green;
}

.card .box .footer .inactive {
    color: #0e007f;
    border: 1px solid #0e007f;
    background-color: #ffffff;
}

.card .box .footer .text {
    float: left;
    padding-top: 5px;
}

.card .box .footer .text span, .card a .box .footer .text span i {
    color: #938d8b;
    font-size: 14px;
}

.event .box .footer .text span,
.event a .box .footer .text span i {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.event .box .footer .disabled span,
.event a .box .footer .disabled span i {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.campaign .box .footer .button {
    float: none;
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    padding: 0;
    border: none;
}

.card .image .comments {
    background-color: #FF5072;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 8px;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.card .image .comments i {
    font-size: 16px;
    color: white;
    float: left;
    margin-top: 4px;
    margin-right: 3px;
}

.card .image .comments span {
    color: white;
    font-size: 15px;
    float: left;
    margin-top: 3px;
    margin-bottom: 1px;
}

.image-wide {
    height: 130px;
    background-color: #ff9e9e;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.image-wide img {
    width: 100%;
}

/* related cards */

.related-card-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 250px;
}

.related-card-container .card {
    border-radius: 15px;
    overflow: hidden;
    width: 230px;
    height: 245px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.related-card-container .card  .about-img {
    width: 100%;
    overflow: hidden;
    height: 143px;
    background-color: #e6e6e6;
}

.related-card-container .card  .about-img > img {
    width: 100%;
    margin-top: -8px;
    background-color: #FCF2EF;
}

.related-card-container .card  .profile-img {
    width: 80px;
    height: 80px;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 73px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.related-card-container .card  .profile-img > .image {
    width: 100%;
}

.related-card-container .card  .bg {
    background-color: #fbfbfb;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 71px;
}

.related-card-container .card  .bg > .brand-name {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
}

.related-card-container .card  .bg > .not-brand-name {
    color: #656565;
    font-weight: 900;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
}

.related-card-container .card  .bg > .description {
    font-size: 12px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 47px;
    position: relative;
    margin-top: 3px;
    line-height: 16px;
}

.related-card-container .card .follow-box {
    margin-top: 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.related-card-container .card .follow-box .container {
    padding: 7px 15px 9px 15px;
    background-color: #fbfbfb;
}

.related-card-container .card-more {
    border-radius: 15px;
    overflow: hidden;
    width: 160px;
    height: 215px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #d9d1d1;
    cursor: pointer;
}

.related-card-container .card-more span {
    color: #938d8b;
    margin-top: 70px;
    display: block;
}

.related-card-container .card-more i {
    color: #938d8b;
    font-size: 22px;
    margin-top: 10px;
}

.article-card-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 353px;
}

.article-card-container .article-sm-card {
    border-radius: 15px;
    overflow: hidden;
    width: 228px;
    height: 350px;
    flex: 0 0 auto;
    margin-right: 11px;
    position: relative;
    border: 1px solid #e4e4e4;
}

.article-card-container .article-sm-card .image {
    width: 100%;
    overflow: hidden;
    height: 174px;
    background-color: gainsboro;
    position: relative;
}

.article-card-container .article-sm-card .image img {
    width: 100%;
}

.article-card-container .article-sm-card .image .comments {
    background-color: #FF5072;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 8px;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.article-card-container .article-sm-card .image .comments .fa-comment {
    font-size: 15px;
    color: white;
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}

.article-card-container .article-sm-card .image .comments span {
    color: white;
    font-size: 14px;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

.article-card-container .article-sm-card .box {
    background-color: #fff9f6;
    padding: 15px 15px 20px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 162px;
}

.article-card-container .article-sm-card .box .section {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
    color: #FF5072;
}

.article-card-container .article-sm-card .box .title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 28px;
    color: #504d4c;
}

.article-card-container .article-sm-card .box .extract {
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #938d8b;
}

.article-card-container .article-sm-card-more {
    border-radius: 15px;
    overflow: hidden;
    width: 198px;
    height: 320px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #bbbbbb;
}

.article-card-container .article-sm-card-more .article-more-txt {
    color: #868686;
    margin-top: 130px;
    display: block;
}

.article-card-container .article-sm-card-more i {
    color: #868686;
    font-size: 22px;
    margin-top: 10px;
}

.article-feed #loader-pagination {
    background-color: white;
}

.giveaway-card-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 435px;
    margin: 25px 0 15px 0;
}

.container-recommended-results .giveaway-card-container {
    margin-top: 15px;
}

.giveaway-card-container .giveaway-sm-card {
    border-radius: 15px;
    overflow: hidden;
    width: 228px;
    height: 433px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #e4e4e4;
}

.giveaway-card-container .giveaway-sm-card .image {
    width: 100%;
    overflow: hidden;
    height: 228px;
    background-color: gainsboro;
    position: relative;
}

.giveaway-card-container .giveaway-sm-card .image img {
    width: 100%;
}

.giveaway-card-container .giveaway-sm-card .box {
    background-color: #fbf1ee;
    padding: 15px 15px 20px 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 170px;
}

.giveaway-card-container .giveaway-sm-card .box .giveaway-title {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
    color: #FF5072;
}

.giveaway-card-container .giveaway-sm-card .box .giveaway-title i {
    font-size: 11.5px;
    color: #FF5072;
}

.giveaway-card-container .giveaway-sm-card .box .title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 28px;
}

.giveaway-card-container .giveaway-sm-card .box .value {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin: 5px 0 2px -3px;
    font-weight: 500;
    padding: 5px 12px;
    background-color: #ff5171;
    border-radius: 10px;
}

.giveaway-card-container .giveaway-sm-card .box .footer {
    display: table;
    width: 100%;
    margin-top: 5px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .text {
    float: left;
    padding-top: 3px;
    width: 100%;
}

.giveaway-card-container .giveaway-sm-card .box .footer .text span {
    color: #938d8b;
    font-size: 14px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .text i {
    color: #938d8b;
    font-size: 14px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .button {
    float: left;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin: auto;
    padding: 10px 15px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 10px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .active {
    color: #FF5072;
    border: 1px solid #FF5072;
    background-color: white;
}

.giveaway-card-container .giveaway-sm-card .box .footer .inactive {
    color: #9c9c9c;
    border: 1px solid #bdbdbd;
    background-color: #ffffff;
}

.giveaway-card-container .giveaway-sm-card .box .footer .green {
    color: green;
    border: 1px solid green;
}

.giveaway-card-container .giveaway-sm-card .box .footer .green i {
    color: green;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners {
    float: left;
    height: 26px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .title {
    color: #938d8b;
    font-size: 14px;
    float: left;
    margin-top: 7px;
    font-weight: 400;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .title i {
    color: #938d8b;
    font-size: 12px;
    margin-right: 4px;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .users {
    padding-left: 8px;
    display: inline-block;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .users img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -6px;
    border: 2px solid #fcf2ef;
    float: left;
    object-fit: cover;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .users .user-plus {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -10px;
    border: 2px solid #fcf2ef;
    background-color: #d3c6c2;
    display: inline-block;
    text-align: center;
    float: left;
}

.giveaway-card-container .giveaway-sm-card .box .footer .campaign-winners .users .user-plus span {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.giveaway-card-container .giveaway-sm-card-more {
    border-radius: 15px;
    overflow: hidden;
    width: 198px;
    height: 403px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #bbbbbb;
}

.giveaway-card-container .giveaway-sm-card-more .giveaway-more-txt {
    color: #868686;
    margin-top: 186px;
    display: block;
}

.giveaway-card-container .giveaway-sm-card-more i {
    color: #868686;
    font-size: 22px;
    margin-top: 10px;
}

.giveaway-micro-card-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 195px;
    margin: 25px 0 15px 0;
}

.giveaway-micro-card-container .giveaway-micro-card {
    overflow: hidden;
    width: 152px;
    height: 200px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
}

.giveaway-micro-card-container .giveaway-micro-card .image {
    width: 100%;
    overflow: hidden;
    height: 152px;
    background-color: gainsboro;
    position: relative;
    border-radius: 10px;
}

.giveaway-micro-card-container .giveaway-micro-card .image img {
    width: 100%;
}

.giveaway-micro-card-container .giveaway-micro-card .name {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 32px;
    margin-top: 10px;
}

/* articles */


.pnl .article {

}

.body-article .body {
    margin-bottom:  50px;
}

.pnl .article p,
.body-article p {
    display: block;
    line-height: 26px;
}

.pnl .article p {
    margin-bottom: 0;
    display: block;
    line-height: 24px;
    font-size: 16px;
}

.body-quill p {
    line-height: 24px;
}

.pnl .article p a,
.body-article .body p a {
    text-decoration: underline;
    cursor: pointer;
    color: #330cc0;
}

.pnl .article p a {
    font-size: 16px;
}

.body-quill p a {
    background-image: linear-gradient(to bottom, transparent 0, #ffe5dd 0);
    background-position: 0 0.8em;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.08s ease-out;
    -ms-transition: background-position 0.08s ease-out;
    -moz-transition: background-position 0.08s ease-out;
    -o-transition: background-position 0.08s ease-out;
    transition: background-position 0.08s ease-out;
    cursor: pointer;
    color: #866097;
    font-weight: 500;
}

.pnl .article .capital-letter,
.body-article .capital-letter,
.body-quill .capital-letter {
    font-size: 125px;
    font-weight: 700;
    float: left;
    margin-top: 10px;
    margin-left: -5px;
    margin-right: 10px;
    color: #ffcfc1;
    line-height: 90px;
}

.pnl .article h2,
.body-article h2,
.body-quill h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 24px;
    color: #364a63;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    letter-spacing: initial;
    font-weight: 900;
    border-top: 1px solid #c7c9d6;
    padding-top: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pnl .article h2 a,
.body-article h2 a,
.body-quill h2 a {
    line-height: 26px;
    font-size: 22px;
    color: #536484;
    text-decoration: underline;
}

.pnl .article h3,
.body-article h3,
.body-quill h3 {
    font-size: 20px;
    display: block;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #ff9e9e;
    font-family: "Roboto", sans-serif;
    letter-spacing: initial;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pnl .article h3 a,
.body-article h3 a,
.body-quill h3 a {
    font-size: 20px;
    line-height: 24px;
    color: #ff9e9e;
    text-decoration: underline;
}

.pnl .article h4,
.body-article h4,
.body-quill h4 {
    font-size: 17px;
    display: block;
    color: #536484;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    letter-spacing: initial;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pnl .article h4 a,
.body-article h4 a,
.body-quill h4 a {
    font-size: 18px;
    line-height: 22px;
    text-decoration: underline;
}

/**/

.pnl .article ol,
.pnl .article ul,
.body-article ol,
.body-article ul,
.body-quill ul,
.body-quill ol {
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0 !important;
}

.ql-editor li::before {
    width: initial;
}

.pnl .article ul>li::before,
.body-article ul>li::before,
.body-quill ul>li::before {
    content: '\2022';
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.pnl .article li:not(.ql-direction-rtl)::before,
.body-article li:not(.ql-direction-rtl)::before,
.body-quill ul>li:not(.ql-direction-rtl)::before {
    margin-left: -20px;
    margin-right: 14px;
    text-align: right;
}

.pnl .article li,
.body-article li,
.body-quill li {
    padding-left: 30px !important;
    margin-bottom: 15px;
    line-height: 22px;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    letter-spacing: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #364a63;
    font-weight: 400;
}

.pnl .article li a,
.body-article li a,
.body-quill li a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    letter-spacing: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.pnl .article h4 + ul,
.body-article h4 + ul,
.body-quill h4 + ul{
    border: 1px solid #6576fe;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    background-color: #f9f9ff;
    padding: 15px 10px 5px 10px !important;
    margin-top: 0;
}

.body-quill h4 + ul {
    margin-bottom: 0 !important;
}

.pnl .article h4,
.body-article h4,
.body-quill h4 {
    background-color: #e7e9ff;
    padding: 15px 10px 15px 15px;
    border: 1px solid #6576fe;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0 !important;
    color: #6576fe;
    font-size: 18px;
}

.pnl .article h4 + ul ~ h4,
.body-article h4 + ul ~ h4,
.body-quill h4 + ul ~ h4{
    background-color: #e7e9ff;
    padding: 15px 10px 15px 20px;
    border: 1px solid #6576fe;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0 !important;
    color: #6576fe;
    font-size: 18px;
}

/**/

.pnl .article .image,
.body-article .image,
.body-quill .image {
    margin-bottom: 30px;
}

.pnl .article img,
.body-article img,
.body-quill img {
    width: 100%;
}

.pnl .article .image-footer, 
.body-article .image-footer,
.body-quill .image-footer,
.ql-size-small {
    line-height: 26px;
    font-style: italic;
    color: gray;
    margin-bottom: 30px;
    font-size: 14px !important;
    margin-top: 0;
}

.pnl .article .image-footer,
.pnl .article .image-footer a {
    font-size: 14px;
}

.pnl .article .image-footer a, 
.body-article .image-footer a,
.body-quill .image-footer a,
.ql-size-small a {
    font-style: italic;
    color: gray;
    font-size: 14px !important;
}

.pnl .article .image-footer-empty, 
.body-article .image-footer-empty {
    
}

.pnl .article .embeded-container,
.pnl .article .instagram-media,
.pnl .article .giphy-embed,
.body-article .embeded-container,
.body-article .instagram-media,
.body-article .giphy-embed,
.body-quill .embeded-container,
.body-quill .instagram-media,
.body-quill .giphy-embed {
    width:100%;
    display: block;
    margin-bottom: 30px !important;
}

.pnl .article .youtube-container,
.body-article .youtube-container,
.body-quill .youtube-container {
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 25px; 
    height: 0;
}

.pnl .article .youtube-container iframe,
.body-article .youtube-container iframe,
.body-quill .youtube-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
}

.pnl .article .giphy-container,
.body-article .giphy-container,
.body-quill .giphy-container {
    width:100%;
    height:0;
    padding-bottom:75%;
    position:relative;    
    margin-bottom: 30px !important;
}

.pnl .article .giphy-container iframe,
.body-article .giphy-container iframe,
.body-quill .giphy-container iframe {
    position: absolute; 
    width: 100%;
    height: 100%;
}


.pnl-purple {
    background-color: #422985;
}

.pnl-purple .icon-box i,
.pnl-purple .title,
.pnl-purple .subtitle {
    color: white;
}

.pnl-purple .special {
    font-size: 21px;
    font-weight: 500;
    background: -webkit-linear-gradient(90deg, #ffffff, #ffc107);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.pnl-bg-purple {
    background-color: #422985;
    padding-bottom: 40px;
    margin-bottom: 7px;
}

.pnl-bg-purple .header-lg .title .top,
.pnl-bg-purple .header-lg .title .bottom,
.pnl-bg-purple .icon-list-container .list-item .right-col .title {
    color: white;
}

.pnl-bg-purple .header-lg .subtitle span,
.pnl-bg-purple .icon-list-container .list-item .right-col .subtitle {
    color: #b6add2
}

.pnl-bg-purple .header-lg .title .bottom .special {
    background: -webkit-linear-gradient(90deg, #ffffff, #ffc107);
    -webkit-background-clip: text;
}

.pnl-bg-purple .header-lg .hr {
    border-bottom: 1px solid white;
}

.pnl-bg-purple .icon-list-container .list-item .left-col .bg i {
    color: #422985;
}

.pnl-bg-purple .icon-list-container .list-item .left-col .bg {
    background-color: #ffffff;
}

.pnl-bg-purple .content-wrapper .wide-btn-blue {
    background: linear-gradient(111deg, #896ab8 0%, #cd8aed 100%)
}

.pnl-bg-purple .content-wrapper .wide-btn-transparent {
    border: 1px solid #b6acd2;
    color: #b6acd2;
    background-color: transparent;
}

.pnl .article .video-js,
.body-article .video-js,
.body-quill .video-js {
    font-size: 10px;
    color: #fff;
    outline: none;
    width: 100%;
}

.body-quill .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-snippet-product-title {
    margin-bottom: 15px;
}

.content-snippet-product-title .product, 
.content-snippet-product-community .product {
    display: flex;
    flex-direction: row;
}

.content-snippet-product-title .product .left,
.content-snippet-product-community .product .left {
    width: 50%;
    padding-right: 7px;
}

.content-snippet-product-title a,
.content-snippet-product-community a {
    background-image: initial;
    background-position: initial;
    background-repeat: initial;
    -webkit-transition: initial;
    -ms-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    transition: initial;
    cursor: pointer;
    color: initial;
    font-weight: initial;
}

.content-snippet-product-title .product .left img,
.content-snippet-product-community .product .left img {
    width: 100%;
    border-radius: 10px;
}

.content-snippet-product-title .product .right,
.content-snippet-product-community .product .right {
    width: 50%;
    padding-left: 7px;
}

.content-snippet-product-title .product .right .brand,
.content-snippet-product-community .product .right .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 16px;
    display: block;
    line-height: 16px;
    color: #5C5C5C;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.content-snippet-product-title .product .right .name,
.content-snippet-product-community .product .right .name {
    font-weight: 200;
    font-size: 17px;
    line-height: 18px;
    margin-bottom: 16px;
}

.content-snippet-product-title .product .right .category,
.content-snippet-product-community .product .right .category {
    font-size: 11px;
    color: #B1B1B1;
    display: block;
    line-height: 11px;
    margin: 3px 0 6px 0;
}

.content-snippet-product-title .product .right .version-container,
.content-snippet-product-community .product .right .version-container {
    display: flex;
    flex-wrap: wrap;
}

.content-snippet-product-title .product .right .version-container .version,
.content-snippet-product-community .product .right .version-container .version {

}

.content-snippet-product-title .product .right .version-container .version > .bg,
.content-snippet-product-community .product .right .version-container .version > .bg {
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    padding: 1px 10px;
    border-radius: 10px;
    margin: 0 3px 5px 0;
    cursor: pointer;
}

.content-snippet-product-title .product .right .version-container .version .bg .txt,
.content-snippet-product-community .product .right .version-container .version .bg .txt {
    color: #887b7a;
    font-size: 12px;
}

.content-snippet-product-title .product .right .version-container .version .version-img,
.content-snippet-product-community .product .right .version-container .version .version-img {

}

.content-snippet-product-title .product .right .version-container .version .version-img .bg,
.content-snippet-product-community .product .right .version-container .version .version-img .bg {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    padding: 0px 0px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 5px;
}

.content-snippet-product-title .product .right .version-container .version .version-img .bg .img,
.content-snippet-product-community .product .right .version-container .version .version-img .bg .img {
    width: 25px;
}

.content-snippet-product-title .product .right .version-container .version .version-img .bg .text,
.content-snippet-product-community .product .right .version-container .version .version-img .bg .text {
    color: #887b7a;
    font-size: 12px;
    padding: 5px;
}

.content-snippet-product-title .product .right .rating, 
.content-snippet-product-community .product .right .rating {
    margin-bottom: 5px;
    display: flex;
}

.content-snippet-product-title .product .right .rating .product-star {
    
}

.content-snippet-product-title .product .right .rating .score {
    font-size: 14px;
    font-weight: 900;
    margin-left: 3px;
}

.content-snippet-product-community .product .right .rating .score {
    font-size: 28px;
    font-weight: 900;
    margin-left: 3px;
}

.content-snippet-product-title .product .right .rating .score-base {
    color: #A3A3A3;
    font-size: 13px;
    margin-top: 1px;
    margin-left: 5px;
}

.content-snippet-product-community .product .right .rating .score-base {
    color: #A3A3A3;
    font-size: 13px;
    margin-top: 1px;
    margin-left: 5px;
}

.content-snippet-product-title .product .right .description {
    font-size: 12px;
    color: #A3A3A3;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px;
}

.content-snippet-product-community .product .right .description {
    font-size: 12px;
    color: #A3A3A3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px;
}

.content-snippet-product-community {
    background-color: #FAF1EE;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e8dfde;
}

.content-snippet-product-community .headline {
    display: flex;
    border-bottom: 1px solid #D8C6C4;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.content-snippet-product-community .headline .left {
    margin-top: 4px;
}

.content-snippet-product-community .headline .left i {
    color: #ff9f9f;
    font-size: 20px;
}

.content-snippet-product-community .headline .right {
    margin-left: 10px;
}

.content-snippet-product-community .headline .right .title {
    color: #ff9f9f;
    font-weight: 500;
    display: inline-block;
    letter-spacing: -0.5px;
    font-size: 22px;
}

.content-snippet-product-community .headline .right .subtitle {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    color: #6d6d6d;
}

.content-snippet-product-community .product {
    margin-bottom: 20px;
    border-bottom: 1px solid #d8c6c3;
    padding-bottom: 20px;
}

.content-snippet-product-community .section-title {
    font-size: 14px;
    font-weight: 900;
    display: block;
    color: #887e8d;
    margin-bottom: 4px;
}

.content-snippet-product-community .review-specs-ratings {
    background-color: initial;
    padding: 0;
    margin-top: 20px;
}

.content-snippet-product-community .review-specs-ratings .specs .col .circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-snippet-product-community .review-specs-ratings .specs .col .circle .container {
    margin-top: 0;
}

.content-snippet-product-community .review-cards-container {
    margin-left: -15px;
    margin-right: -15px;
}

.content-snippet-product-community .review-cards .review-card {
    background-color: white;
    border: 1px solid #d8c6c3;
}

.content-snippet-product-community .content-wrapper {
    padding: 0;
}

/* info-box */

.info-box {
    margin: -5px 15px 40px 15px;
}

.info-box .subtitle {
    color: #5D5D5D;
    display: block;
    line-height: 20px;
    margin-bottom: 15px;
}

/* campaign */

.feed-campaign {
    margin-top: -20px;
}

.feed .post .body .campaign, .feed .campaign {
    padding: 25px 15px 15px 15px;
}

.pnl .campaign {
    margin-bottom: 30px;
}

.campaign a .image {
    border-radius: 10px;
}

.campaign a .box {
    padding: 15px 0 0 0;
    background-color: white;
    border: none;
}

.campaign a .box .title {
    color: #432985;
    font-size: 18px;
    min-height: auto;
    margin-bottom: 7px;
    line-height: 20px;
}

.campaign a .box .winners {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

.campaign a .box .winners span {
    font-size: 14px;
    font-weight: 900;
    color: #ff9e9f;
}

.campaign a .box .winners .users {
    display: flex;
    margin-left: 5px;
    margin-top: 2px;
}

.campaign a .box .winners .users img {
    width: 18px;
    height: 18px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -5px;
    border: 2px solid white;
}

.campaign a .box .extract {
    color: #6D6D6D;
    font-size: 14px;
}

.campaign a .box .footer .campaign-winners {
    
}

.campaign a .box .footer .campaign-winners .title {
    color: #ff9e9e;
    font-size: 12px;
    font-weight: 900;
    float: left;
    margin-top: 7px;
}

.campaign a .box .footer .campaign-winners .title i {
    color: #ff9e9e;
    font-size: 12px;
    float: left;
    margin-right: 3px;
}

.campaign a .box .footer .campaign-winners .users {
    padding-left: 8px;
    display: inline-block;
}

.campaign a .box .footer .campaign-winners .users img {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    margin-left: -6px;
    border: 2px solid #fcf2ef;
    float: left;
    object-fit: cover;
    margin-top: 4px;
}

.campaign a .box .footer .campaign-winners .users .user-plus {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -10px;
    border: 2px solid #fcf2ef;
    background-color: #d3c6c2;
    display: inline-block;
    text-align: center;
    float: left;
}

.campaign a .box .footer .campaign-winners .users .user-plus span {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}


/* promos */

.promo-brands {
    background-color: white;
    margin-top: 7px;
    padding: 20px 0 15px 0;
}

.promo-brands-row {
    padding-left: 15px;
    height: 125px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: scroll;
}


.promo-brand {

}

.promo-brand .brand-col {
    width: 90px;
    height: 120px;
    text-align: center;
    display: inline-table;
    position: relative;
    cursor: pointer;
}

.promo-brand .brand-col div {
    width: 75px;
    height: 75px;
    box-shadow: -4px 4px 4px #e4e4e4;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-bottom: 15px;
    background-color: #ffe7e0;
    overflow: hidden;
}

.promo-brand .selected div {
    border: 4px solid #ff9e9e;
    margin-bottom: 11px;
}

.promo-brand .brand-col div img {
    width: 100%;
}

.promo-brand .brand-col span {
    font-family: "Space Mono", monospace;
    font-weight: 700;
    font-size: 13px;
    color: #191919;
    text-transform: uppercase;
    line-height: 14px;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.promo-brand .brand-col .biustore {
    font-family: "Roboto";
    font-size: 16px;
    text-transform: initial;
    font-weight: 900;
    color: #332fab;
}

.post .body .promo, .post-promo-exclusive .body .promo {
    padding: 0 15px 15px 15px;
    position: relative;
}

.promo .box {
    padding: 30px 15px 20px 15px;
}

.promo .box > .exclusive {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
    color: #FF5072;
}

.promo .box > .exclusive i {
    font-size: 11.5px;
    color: #FF5072;
}

.promo .box > .title {
    font-size: 22px;
    line-height: 24px;
}

.promo .box .code {
    background: linear-gradient(111deg, #0c007f 0%, #7768ff 100%);
    padding: 8px 12px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 2px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px #00000038;
}

.promo .box .code span {
    font-weight: 900;
    color: white;
}

.promo .box .end-date {
    margin-bottom: 10px;
}

.promo .box .end-date > span {
    color: #938d8b;
    font-size: 14px;
    font-weight: 900;
}

.promo .box .end-date i {
    color: #938d8b;
    font-size: 14px;
}

.promo .box .footer .text > span {
    color: #c7b5ad;
    font-size: 14px;
    font-weight: 500;
}

.post .promoted-action {

}

.post .promoted-action .container {
    background-color: #F7F7F7;
    padding: 0px 15px 0 20px;
    height: 45px;
}

.post .promoted-action .container span {
    color: #727272;
    float: left;
    font-size: 13px;
    margin-top: 15px;
}

.post .promoted-action .container a {
    color: #FF5072;
    border: 1px solid #FF5072;
    background-color: white;
    padding: 4px 15px;
    border-radius: 15px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.promo-exclusive {

}

.promo-exclusive .img {
    width: 110% !important;
    margin-bottom: -4px;
    margin-left: -10px;
    -webkit-filter: blur(10px);
}

.promo-exclusive .profile, .promo .profile {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    top: 110px;
    left: 30px;
    background-color: white;
    object-fit: cover;
}

.promo-exclusive .box {
    padding: 30px 15px 20px 15px;
    background: linear-gradient(111deg, #2d1974 0%, #7b56b1 100%);
}

.promo-exclusive .box > .exclusive,
.promo-exclusive .box > .exclusive i {
    color: #ffc007;
}

.promo-exclusive .box .extract {
    color: #F1A4A3;
}

.promo-exclusive .box > .title,
.promo-exclusive .box .end-date > span,
.promo-exclusive .box .end-date i {
    color: white;
}

.promo-exclusive .box .footer .button {
    float: left;
}

.promo-exclusive .box .footer .active {
    color: #0F007F;
    border: none;
    background-color: white;
    padding: 10px 15px;
}

.promo-exclusive .box .footer .transparent-btn {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 10px;
}


.post-sign-up {
    text-align: center;
    position: relative;
    z-index: 4;
    margin-top: -300px;
    width: 100%;
}

.post-sign-up .gradient {
    background: linear-gradient(0deg, #e8c6f8 0%, rgba(255,255,255,0) 100%);
    height: 200px;
}

.post-sign-up .bg {
    background: linear-gradient(0deg, #d8b7e8 0%, #e8c6f8 100%);
    padding: 120px 25px 240px 25px;
}

.post-sign-up .signed-out-title {
    font-size: 28px;
    font-weight: 800;
    display: block;
    line-height: 28px;
    margin: auto;
    margin-bottom: 15px;
    color: #0C057F;
    text-shadow: -2px 2px 0px #faf0ff;
}

.post-sign-up .signed-out-subtitle {
    font-size: 18px;
    line-height: 22px;
    max-width: 300px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    color: #0c067f;
}

.post-sign-up .signed-out-btns {
    display: block;
}

.post-sign-up .signed-out-btns .solid-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    margin-left: 5px;
}


.scroll-up-btn {
    padding: 8px 20px;
    border-radius: 20px;
    border: 1px solid #ff9e9e;
    background-color: #ff9e9e;
    color: white;
    font-weight: 500;
    z-index: 10;
    position: fixed;
    left: 50%;
    top: 80px;
    transform: translate(-50%,-50%);
    box-shadow: 2px 2px 4px #00000038;
    display: none;
    cursor: pointer;
}

.scroll-up-btn i {
    color: white;
    font-size: 13px;
}

.scroll-up-btn-community {
    top: 110px;
}

.scroll-up-btn-no-menu {
    top: 45px;
}


/* interaction */

.interactions-wrapper {
    height: 42px;
    width: 100%;
    background-color: white;
}

.interactions {
    height: 42px;
    width: 100%;
    background-color: white;
    z-index: 40;
}

.post-pinned .interactions {
    background-color: transparent;
}

.interactions-fixed-signed-in {
    position: fixed;
    bottom: 62px;
}

.interactions-fixed-signed-out {
    position: fixed;
    bottom: 0;
}

.interactions > .container {
    padding: 0 10px;
}

.interactions > .container > .row {
    border-top: 1px solid #8080801f;
}

.interactions > .container > .row > .container {
    display: table;
    width: 100%;
}

.interactions > .container > .row > .container > .vote {
    float: left;
    width: 33%;
    padding-top: 5px;
}

.interactions > .container > .row > .container > .vote .container {
    margin: auto;
    display: table;
}

.interactions > .container > .row > .container > .vote .thumbs-box-left {
    height: 25px;
    padding-top: 6px;
    width: 31px;
    float: left;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
}


.interactions > .container > .row > .container > .vote .thumbs-box-right {
    height: 23px;
    padding-top: 8px;
    width: 31px;
    float: left;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
}



.interactions > .container > .row > .container > .vote .thumbs-box-left > .fa-thumbs-up {
    color: #988b9e;
    font-size: 15px;
}

.interactions > .container > .row > .container > .vote .thumbs-box-right > .fa-thumbs-down {
    color: #988b9e;
    font-size: 15px;
}

.interactions > .container > .row > .container > .vote .voted-thumb i {
    color: #ff9f9f !important;
    font-size: 15px;
}

.interactions > .container > .row > .container > .vote span {
    color: #988b9e;
    font-weight: 500;
    font-size: 15px;
    margin: 0 0px;
    float: left;
    height: 30px;
    padding-top: 6px;
}



.interactions > .container > .row > .container > .vote > .voted {
    color: #ff9f9f;
}

.interactions > .container > .row > .container > .vote-disabled > .thumbs-box-left,
.interactions > .container > .row > .container > .vote-disabled > .thumbs-box-right {
    color: #dbdbdb;
}

.interactions > .container > .row > .container > .vote-disabled > .thumbs-box-left i,
.interactions > .container > .row > .container > .vote-disabled > .thumbs-box-right i {
    color: #dbdbdb;
}


.interactions > .container > .row > .container > .post-comment-feed,
.interactions > .container > .row > .container > .post-comment {
    float: left;
    width: 36%;
    text-align: center;
    height: 31px;
    padding-top: 5px;
    cursor: pointer;
}

.interactions > .container > .row > .container .post-comment-feed-btn,
.interactions > .container > .row > .container .post-comment-btn {
    padding: 6px 5px;
    border-radius: 10px;
}

.interactions > .container > .row > .container > .post-comment-feed i,
.interactions > .container > .row > .container > .post-comment i {
    color: #988b9e;
    margin-right: 3px;
    font-size: 16px;
}

.interactions > .container > .row > .container > .post-comment-feed .comment-count,
.interactions > .container > .row > .container > .post-comment .comment-count {
    color: #988b9e;
    font-weight: 500;
    font-size: 15px;
}

.interactions > .container > .row > .container > .comment-disabled .comment-count {
    color: #dbdbdb;
    font-weight: 500;
    font-size: 15px;
}

.interactions > .container > .row > .container > .comment-disabled i {
    color: #dbdbdb;
    margin-right: 3px;
    font-size: 16px;
}

.interactions > .container > .row > .container > .inactive-comment-btn i,
.interactions > .container > .row > .container > .inactive-comment-btn .comment-count {
    color: lightgray;
}


.interactions > .container > .row > .container > .share {
    float: left;
    width: 31%;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.interactions > .container > .row > .container > .share .share-btn {
    padding: 6px 0;
    border-radius: 10px;
}

.interactions > .container > .row > .container > .share i {
    color: #988b9e;
    margin-right: 3px;
    font-size: 16px;
}

.interactions > .container > .row > .container > .share span {
    color: #988b9e;
    font-weight: 500;
    font-size: 15px;
}

.interactions > .container > .row > .container > .vote-disabled .thumbs-box-left .fa-thumbs-up,
.interactions > .container > .row > .container > .vote-disabled .thumbs-box-right .fa-thumbs-down,
.interactions > .container > .row > .container > .vote-disabled span {
    color: lightgray;
    font-size: 15px;
}

.featured-comment {
    padding: 0 10px 15px 10px;
}

.featured-comment .comments {
    border-top: 1px solid #8080801f;
    padding: 15px 2px 0 2px;
}

.featured-comment .comments .new-comment-container  {
    margin-bottom: 15px;
    display: none;
}

.featured-comment .comment-container {
    display: flex;
}

.featured-comment .comment-container .user-profile {
    width: 30px;
    height: 30px;
    position: relative;
}

.featured-comment .comment-container .user-profile img {
    width: 30px;
    height: 30px;
    background-color: #e6eaeb;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    object-fit: cover;
}

.featured-comment .comment-container .user-profile .badge,
.featured-comment .create-comment .user-profile .badge {
    position: absolute;
    left: 18px;
    top: 18px;
    background-color: #676767;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 2px solid white;
    text-align: center;
    display: flex;
}

.featured-comment .create-comment .user-profile .badge {
    left: 19px;
    top: 34px;
}

.featured-comment .comment-container .user-profile .brand,
.featured-comment .create-comment .user-profile .brand {
    background-color: #676767;
}

.featured-comment .comment-container .user-profile .badge .fa-check,
.featured-comment .create-comment .user-profile .badge .fa-check {
    color: white;
    font-size: 9px;
    margin-top: 3px;
    margin-left: 3px;
}

.featured-comment .comment-container .user-profile .admin,
.featured-comment .create-comment .user-profile .admin {
    background-color: #ff9e9e;
}

.featured-comment .comment-container .user-profile .badge .fa-star,
.featured-comment .create-comment .user-profile .badge .fa-star {    
    color: white;
    font-size: 8px;
    margin-top: 3px;
    margin-left: 3px;
}

.featured-comment .comment-container .user-profile .ambassador,
.featured-comment .create-comment .user-profile .ambassador {
    background-color: #ff9800;
}

.featured-comment .comment-container .user-profile .badge .fa-crown,
.featured-comment .create-comment .user-profile .badge .fa-crown {
    color: white;
    font-size: 7px;
    margin-top: 4px;
    margin-left: 3px;
}

.featured-comment .comment-container .user-profile .employee,
.featured-comment .create-comment .user-profile .employee {
    background-color: #676767;
}


.featured-comment .comment-container .comment {
    padding: 0;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.featured-comment .comment-container .comment span {
    font-size: 14px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.featured-comment .create-comment {
    display: flex;
    padding: 15px 2px 0 2px;
    position: relative;
}

.featured-comment .create-comment .user-profile {
    width: 30px;
}

.featured-comment .create-comment .user-profile img {
    width: 30px;
    height: 30px;
    background-color: #e6eaeb;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    object-fit: cover;
}

.featured-comment .create-comment .comment-btn-col {
    margin-left: 10px;
    width: 100%;
}

.featured-comment .create-comment .comment-btn-col .comment-btn {
    background-color: #f0eef3;
    color: #8d7399;
    padding: 8px 15px 8px 15px;
    border-radius: 10px;
    font-size: 15px;
    display: block;
    cursor: pointer;
}

.featured-comment .create-comment .comment-btn-col .comment-btn i {
    color: #8d7399;
    float: left;
    margin: 1px 6px 0 0;
    font-size: 15px;
}

.first-new-comment-container {
    
}

.promote-post {
    padding: 5px 15px 15px 15px;
    text-align: right;
    background-color: #ffffff;
}

.promote-post .btn-md-promote {
    color: #ffffff;
    border: 1px solid #ffffff;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    margin-bottom: 0px;
    font-size: 15px;
}

.promote-post .btn-md-promote i {
    color: #ffffff;
    font-size: 14px;
    margin-top: 2px;
    float: right;
    margin-left: 6px;
}

.promote-section {
    margin-top: 7px;
}

.promote-section-error-msg {
    margin-bottom: 25px;
}

.promote-section > .title {
    background-color: white;
    padding: 15px 15px 12px 15px;
}

.promote-section > .title > i {
    color: #FF9F9F;
    float: left;
    margin: 1px 10px 0 8px;
}

.promote-section > .title > span {
    color: #FF9F9F;
    font-weight: 500;
}

.promote-section > .hr-container {
    padding: 0 15px;
    background-color: white;
}

.promote-section > .hr-container .hr {
    border-top: 1px solid #80808057;
}

.promote-section > .content {
    padding: 15px;
    background-color: white;
}

.promote-section > .content .option {
    margin-bottom: 15px;
}

.promote-section > .content .option .option-col-1 {
    float: left;
    width: 35px;
    height: 35px;
}

.promote-section > .content .option .option-col-1 .selection {
    width: 22px;
    height: 22px;
    border: 2px solid #898B90;
    border-radius: 50%;
    margin: auto;
    margin-top: 6px;
}

.promote-section > .content .option .option-col-1 .disabled, .promote-section > .content .option .option-col-1-multiple .disabled {
    border: 2px solid lightgray;
}

.promote-section > .content .option .option-col-1 .active {
    background-color: white;
    border: 2px solid #FF9F9F;
}

.promote-section > .content .option .option-col-1 .selection .active-inner {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 5px;
    background-color: #FF9F9F;
}

.promote-section > .content .option .option-col-2, .promote-section > .content .option .option-col-2-multiple  {
    padding-left: 45px;
}

.promote-section > .content .option .option-col-2 .title-description, .promote-section > .content .option .option-col-2-multiple .title-description {
    font-weight: 500;
    display: block;
}

.promote-section > .content .option .option-col-2 .description, .promote-section > .content .option .option-col-2-multiple .description {
    font-size: 13px;
    color: #727272;
    display: block;
}

.promote-section > .content .option .option-col-2-single {
    padding-top: 9px;
}

.promote-section > .content .option .option-col-2 .title-description-biu-segment, .promote-section > .content .option .option-col-2-multiple .title-description-biu-segment {
    display: table;
}

.promote-section > .content .option .option-col-2 .title-description-biu-segment .title, .promote-section > .content .option .option-col-2-multiple .title-description-biu-segment .title {
    font-weight: 900;
    color: #ff9e9e;
    float: left;
}

.promote-section > .content .option .option-col-2 .title-description-biu-segment .number, .promote-section > .content .option .option-col-2-multiple .title-description-biu-segment .number {
    background-color: #ff9e9e;
    color: white;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 5px;
    float: left;
    margin: 2px 0 0 5px;
}

.promote-section > .content .option .option-col-2 .text-disabled, .promote-section > .content .option .option-col-2-multiple .text-disabled, .textarea-disabled {
    color: lightgray !important;
}

.promote-section > .content .option .option-col-2-multiple .number-disabled {
    background-color: lightgray !important;
}

.promote-section .content .input {
    margin-bottom: 0;
    margin-top: 20px;
}

.promote-section .content .input .container {
    position: relative;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding-right: 10px;
}

.blocked-user-section .content .input .container {
    padding-right: 0;
    border: none;
}

.promote-section .content .input .container .title {
    display: block;
    position: absolute;
    top: 4px;
    left: 10px;
}

.promote-section .content .input .container .title .field {
    font-weight: 900;
    font-size: 14px;
    color: #a4a4a4;
}

.promote-section .content .input .container .title .field > i {
    color: #a4a4a4;
    font-size: 12px;
}

.promote-section .content .input .container .title .error {
    font-size: 12px;
    color: red;
    display: inline-block;
    margin-left: 3px;
}

.promote-section .content .input .container #question_title {

}

.promote-section .content-center {
    text-align: center;
}

.promote-section .content .text-lg {
    display: block;
    color: #FF9F9F;
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: 500;
}

.promote-section .content .title-1 {
    display: block;
    margin-bottom: 5px;
}

.promote-section .content .promo-starts {
    color: #727272;
}

.promote-section-last {
    margin-bottom: 120px;
}

.promote-footer {
    position: fixed;
    bottom: 0;
    background-color: white;
    border-top: 1px solid #e7e7e7;
    width: 100%;
    z-index: 5;
}

.promote-footer .container {
    padding: 10px 15px 25px 15px;
}

.promote-footer .send-btn {
    margin-bottom: 5px;
}

.promote-footer .error {
    display: none;
}

.promote-footer .disclaimer {

}

.promote-footer .disclaimer span {
    font-size: 13px;
    color: gray;
}

.promote-footer .disclaimer a {
    font-size: 13px;
    color: gray;
    text-decoration: underline;
}

.promote-footer .no-credits {
    font-weight: 900;
    color: #FF5072;
}

.promote-results-box {
    background-color: white;
    padding: 15px 25px 15px 25px;
}

.promote-results-box .date-range {
    font-size: 14px;
    color: gray;
    margin-bottom: 20px;
    display: block;
}

.promote-results-box .text-lg {
    display: block;
    text-align: center;
    color: #FF9F9F;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 7px;
}

.promote-results-box .text-lg-subtitle {
    text-align: center;
    display: block;
    font-weight: 500;
    margin-bottom: 25px;
}

.promote-results-box .results-table {

}

.promote-results-box .results-table table {
    width: 100%;
}

.promote-results-box .results-table table tr {

}

.promote-results-box .results-table table tr td:first-child {
    font-size: 14px;
    color: gray;
    width: 80px;
    padding-bottom: 12px;
}

.promote-results-box .results-table table tr td:last-child {
    text-align: right;
    color: gray;
    font-size: 14px;
    font-weight: 500;
    width: 100px;
}

.promote-section-box {
    background-color: white;
    padding: 25px 15px 0 15px;
}

.promote-section-box .container {
    border-bottom: 1px solid #80808057;
    padding-bottom: 25px;
}

.promote-section-box .container > .title {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.promote-section-box .container > .title i {
    color: #FF9F9F;
    float: left;
    margin: 1px 10px 0 8px;
}

.promote-section-box .container > .title span {
    float: left;
    color: #FF9F9F;
    font-weight: 500;
}

.promote-section-box .container > .title .circle {
    float: left;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 8px;
}

.promote-section-box .container > .title .pending {
    background-color: #FFC107;
}

.promote-section-box .container > .title .active {
    background-color: green;
}

.promote-section-box .container > .title .finished {
    background-color: gray;
}

.promote-section-box .container > .title .not-approved {
    background-color: #ff5171;
}

.promote-section-box .container > .title .paused {
    background-color: #FFC107;
}

.promote-section-box .info {
    padding-left: 35px;
}

.promote-section-box .info .segment-box {
    margin-bottom: 15px;
}

.promote-section-box .info .title {
    font-weight: 500;
    display: block;
}

.promote-section-box .info .title i {
    font-size: 12px;
    color: #FF9F9F;
}

.promote-section-box .info .description {
    font-size: 13px;
    color: #727272;
    display: block;
}

.promote-section-box .info .action-btn {
    color: #FF5072;
    border: 1px solid #FF5072;
    background-color: white;
    padding: 4px 15px;
    border-radius: 15px;
    float: none;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 8px 0;
    display: inline-block;
}

.promote-section > .content .footer {
    font-size: 13px;
    color: #727272;
    display: block;
    margin-top: 10px;
}

.edit-promoted-campaign {
    text-align: center;
    padding: 20px 15px;
    background-color: white;
}

.promote-section > .content .select-title {
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}

.promote-section > .content select {
    outline: none;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 12px;
    font-size: 16px;
    text-align: right;
    margin-bottom: 15px;
    background-color: white;
}

.blocked-user-section > .content select {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 30px;
}

.promote-section #promo_start_date_3i, .promote-section #promo_end_date_3i {
    width: 20%;
    margin-right: 5px;
}

.promote-section #promo_start_date_2i, .promote-section #promo_end_date_2i {
    width: 48%;
    margin-right: 5px;
}

.promote-section #promo_start_date_1i, .promote-section #promo_end_date_1i {
    width: 25%;
}

.promote-section .select-date-error {
    border: 1px solid red !important;
    background-color: #fff7f7;
}

.promote-section .end-date-error {
    color: red;
    font-size: 14px;
    margin-top: -10px;
    display: block;
}

.promote-section .select-title-error {
    color: red
}

.promote-section #promo_discount_percent {
    margin-top: 10px;
}

.promote-section .promo-section-about-img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
}

.promote-section-question {
    margin-bottom: 15px;
    display: block;
}

.promote-section .promo-image-preview {
    height: 220px;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eeeeee;
    display: none;
}

.promote-section .promo-image-preview img {
    width: 100%;
}

.promote-section .promo-featured-image-preview {
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eeeeee;
    display: none;
}

.promote-section .promo-featured-image-preview img {
    width: 100%;
}

.promote-section .promote-products-list, .promote-section-box .promote-products-list {
    display: block;
}

.promote-section #list-of-products .option-col-1, .option-col-1-multiple {
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 12px;
}

.option-col-1-multiple-no-margin-top {
    margin-top: 0;
}

.promote-section #list-of-products .option-col-1 .selection, .option-col-1-multiple .selection {
    width: 22px;
    height: 22px;
    border: 2px solid #898B90;
    border-radius: 6px;
    margin: auto;
    margin-top: 6px;
}

.promote-section #list-of-products .option-col-1 .active, .option-col-1-multiple .active {
    background-color: white;
    border: 2px solid #FF9F9F;
}

.promote-section #list-of-products .option-col-1 .active .active-inner, .option-col-1-multiple .active .active-inner {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin: 5px;
    background-color: #FF9F9F;
}

.promote-section .promote-product {
    padding-left: 30px;
}

#promo-upload-featured-image {
    display: none;
    padding-top: 10px;
}

.promo-status {
    background-color: #ff5171;
    padding: 15px 15px 15px 15px;
}

.promo-status-inactive {
    background-color: #ff5171;
}

.promo-status-active {
    background-color: #4caf50;
}

.promo-status-pending-review {
    background-color: #FFC107;
}

.promo-status .info {
    padding-left: 24px;
}

.promo-status .title {
    font-weight: 900;
    color: white;
    display: block;
}

.promo-status .description {
    display: block;
    color: white;
    font-size: 14px;
}

.promo-status a {
    display: block;
    color: white;
    font-size: 14px;
    text-decoration: underline;
}

.promo-status i {
    color: white;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}

.promo-show-preview {
    margin-top: 15px;
}

.promo-show-preview img {
    width: 100%;
    border-radius: 15px;
}

.promos-hero {
    padding-top: 5px;
    background-color: white;
}

.promos-biutienda-hero {
    padding: 5px 0 5px 0;
    background-color: transparent;
}

.promos-hero .cards {
    padding-left: 15px;
    height: 282px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: scroll;
}

.promos-hero .cards .placeholder {

}

.promos-hero .cards .placeholder .card {
    height: 280px;
    width: 230px;
    background-color: lightgray;
    border-radius: 15px;
    margin-right: 15px;
    display: inline-block;
}

.promos-hero .cards .featured-promos-carousel {
    display: none;
}

.promos-hero .card {
    height: 280px;
    width: 230px;
    background: linear-gradient(111deg, #ffecec 0%, #ffe9e9 100%);
    display: inline-block;
    margin-right: 7px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dfdfdf;
}

.promos-hero .card-exclusive {
    background-color: #d5d5d5;
}

.promos-hero .card .bg {
    width: 100%;
    border-radius: 0;
}

.promos-hero .card .brand {
    border-radius: 50%;
    width: 60px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.promos-hero .card .text {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 200px;
    padding: 0 15px;
    white-space: initial;
}

.promos-hero .card .text .store {
    color: #0C057E;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
    font-size: 14px;
}

.promos-hero .card .text .biustore {
    font-family: 'Roboto', sans-serif;
    text-transform: initial;
    font-size: 17px;
}

.promos-hero .card .text .exclusive {
    color: #ffc007;
    font-weight: 900;
    margin-bottom: 0px;
    font-size: 14px;
}

.promos-hero .card .text .exclusive i {
    color: #ffc007;
    font-size: 13px;
    float: left;
    margin: 3px 5px 0 0;
}

.promos-hero .card .text .title {
    font-size: 22px;
    display: block;
    color: #0C057E;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.promos-hero .card .text .subtitle {
    font-size: 14px;
    display: block;
    color: #0C057E;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px;
    line-height: 16px;
}

.promos-hero .card-loader {
    background-color: white;
    position: absolute;
    padding-top: 100px;
    height: 178px;
    padding-left: 30px;
    width: 100px;
}


/* slide comments modal */

.post .body .article {
    padding: 10px 15px 15px 15px;
}

.slide-full-modal-comments {
    background-color: #FFE7E0 !important;
}

.back-ribbon {
    background-color: white;
    margin-bottom: 7px;
}

.back-ribbon .article > button {
    width: 50px;
    float: left;
    height: 87px;
    text-align: center;
}

.back-ribbon .article > button i {
    color: #B7B7B7;
    font-size: 24px;
}

.back-ribbon .article .content {
    display: table;
    padding: 15px 15px 15px 0;
}

.back-ribbon .article .content button {
    float: left;
}

.back-ribbon .article .content button img {
    height: 53px;
    border-radius: 8px;
    margin-right: 10px;
    width: 61px;
    background-color: #fcf5f3;
}

.back-ribbon .article .content span {
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.end-of-content-wh {
    background-color: white;
    padding: 0px 0 15px 0;
    display: none;
    height: 120px;
    text-align: center;
    width: 100%;
}

.end-of-content-wh span {
    color: #f8d0c3;
    display: block;
    font-size: 28px;
    font-style: italic;
    margin-bottom: 5px;
}

.end-of-content-wh button {
    color: #f8d0c3;
    font-size: 20px;
    font-style: italic;
}

.end-of-content {
    background-color: #f0eef3;
    padding: 15px 0 15px 0;
    display: none;
    height: 120px;
    text-align: center;
    width: 100%;
}

.end-of-content span {
    color: #98a5aa;
    display: block;
    font-size: 28px;
    font-style: italic;
    margin-bottom: 5px;
}

.end-of-content button {
    color: #c3a8a0;
    font-size: 20px;
    font-style: italic;
}


/* products */

.products-bg {
    background-color: white;
    display: block;
    min-height: 250px;
    padding: 15px;
}

.products-bg .products-box {
    display: table;
    width: 100%;
}

.products-bg .products-box .product {
    width: 50%;
    float: left;
    padding-bottom: 35px;
}

.products-bg .products-box .product:nth-child(2n+1) > .container {
    padding-right: 7px;
}

.products-bg .products-box .product:nth-child(2n+2) > .container {
    padding-left: 7px;
}

.products-bg .products-box .product:nth-child(2n+1) {
    clear: left;
}

.product-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    margin-bottom: 10px;
}

.products-bg .products-box .product a {

}

.product-carousel .product {
    width: 152px;
    float: left;
    text-align: center;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
}

.products-bg .products-box .product .image {
    background-color: #f6f6f6;
    border-radius: 10px;
    margin-bottom: 5px;
    background-image: url("<%= asset_path 'icons/product-placeholder.png' %>");
    background-size: cover;
    background-position: center;
    margin: auto;
    border-radius: 10px;
    position: relative;
    display: none;
}

.products-bg .products-box .product .image-versions .image {
    display: none;
}

.products-bg .products-box .product .image-versions > .active {
    display: block;
}

.products-bg .products-box .product .image .collection-menu {
    position: absolute;
    top: 5px;
    right: 5px;
}

.products-bg .products-box .product .image .menu-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-bg .products-box .product .image .menu-btn i {
    color: #d3cdd5cc;
    font-size: 18px;
    -webkit-text-stroke: 2px white;
}

.product-carousel .product .image {
    width: 150px;
    height: 150px;
    background-image: url("<%= asset_path 'icons/product-placeholder.png' %>");
    background-size: cover;
    background-position: center;
    margin: auto;
    border-radius: 8px;
    border: 1px solid #f0eef3;
    position: relative;
}

.product-carousel .product .image .remove {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.product-carousel .product .image .remove .remove-btn {
    border: 1px solid #ff9d9e;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.product-carousel .product .image .remove .remove-btn i {
    color: #ff9e9f;
}

.product-carousel .product .image-vertical {
    height: 195px;
}

.product-carousel .product .image .discount-bubble {
    padding: 7px;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
    display: flex;
    flex-direction: column;
}

.product-carousel .product .image .discount-bubble .discount {
    font-weight: 900;
    color: white;
}

.product-carousel .product .image .discount-bubble-shipping {
    padding: 7px 12px;
    background: linear-gradient(111deg, #467f46 0%, #8ede8e 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
    display: flex;
    flex-direction: column;
}

.product-carousel .product .image .discount-bubble-shipping .discount {
    font-weight: 900;
    color: white;
}

.product-carousel .product .image .discount-bubble-shipping .min-order {
    font-weight: 900;
    color: white;
}

.product-carousel .product .image .discount-bubble-stacked {
    margin-top: 55px;
}

.products-in-biutienda {
    text-align: center;
    background: #f8eeeb;
    background: linear-gradient(180deg, #e9c6f8 0%, #ffffff 69%, #ffffff 100%);
    padding: 15px 15px 0 15px;
}

.products-bg .products-box .product .image .discount-bubble {
    padding: 7px;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
}

.products-bg .products-box .product .image .discount-bubble .discount {
    font-weight: 900;
    color: white;
}

.products-bg .products-box .product .image .discount-bubble-shipping {
    padding: 7px 12px;
    background: linear-gradient(111deg, #467f46 0%, #8ede8e 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
}

.products-bg .products-box .product .image .discount-bubble-shipping .discount {
    font-weight: 900;
    color: white;
}

.products-bg .products-box .product .image .discount-bubble-shipping .min-order {
    font-weight: 900;
    color: white;
}

.products-bg .products-box .product .image .discount-bubble-stacked {
    margin-top: 55px;
}

.products-bg .products-box .product .image img, .product-carousel .product .image .img {
    width: 100%;
    object-fit: cover;
    border: 1px solid #f0eef3;
    border-radius: 10px;
}

.product-carousel .product .image .img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.product-carousel .product .image .img-vertical {
    width: 150px;
    height: 195px;
    object-fit: cover;
    border-radius: 8px;
}

.product-carousel .product .image .img {
    margin-bottom: -4px;
}

.products-bg .products-box .product .product-placeholder, .product-carousel .product .product-placeholder {
    width: 100%;
    border-radius: 10px;
}

.product-carousel .product .info {
    padding: 8px 5px 5px 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 120px;
    text-align: left;
}

.products-bg .products-box .product .info {
    margin-top: 10px;
}

.products-bg .products-box .product .brand, .product-carousel .product .brand {
    color: #6D6D6D;
    display: block;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
}

.products-bg .products-box .product .name, .product-carousel .product .name {
    color: #6D6D6D;
    font-size: 16px;
    display: block;
    line-height: 18px;
    font-weight: 200;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-carousel .product .container .info .version {
    background-color: #fff1ec;
    border: 1px solid #ffd1d1;
    padding: 1px 11px;
    border-radius: 15px;
    display: inline-flex;
    margin-top: 3px;
}

.product-carousel .product .container .info .version span {
    color: #FFA3A3;
    margin: 3px 0 2px 0;
    display: block;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.products-bg .products-box .product .products {
    color: #A3A3A3;
    font-size: 14px;
    margin-top: 1px;
}


.product-carousel .product .info .price {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

.product-carousel .product .info .products {
    color: #A3A3A3;
    font-size: 13px;
    margin-top: 1px;
}

.product-carousel .product .info .price .final {
    display: flex;
    margin-top: 2px;
    justify-content: space-around;
    flex-direction: column;
}

.product-carousel .product .info .price .list-price {
    color: #b3b3b3;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
    text-decoration: line-through;
}

.product-carousel .product .info .price .final-price {
    color: #6D6D6D;
    font-size: 13px;
    font-weight: 900;
    display: block;
}

.product-carousel .product .info .price .final .final-price-discount {
    color: #ff9e9e;
}

.product-carousel .product .info .price .final .stock-info {
    margin: 4px 0 0 0px;
    text-align: left;
}

.product-carousel .product .info .price .final .stock-info .text {
    font-size: 11px;
    font-weight: 500;
    color: white;
    background-color: #fe9e9e;
    padding: 3px 7px;
    border-radius: 10px;
    display: inline-block;
}

.products-bg .products-box .product .not-available,
.product-carousel .product .info .not-available,
.collection-items .collection-item .container .info .not-available {
    font-size: 12px;
    font-weight: 500;
    color: #b4afbd;
    background-color: #f0eef3;
    padding: 3px 7px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 8px;
}

.products-bg .products-box .product .versions {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}

.products-bg .products-box .product .versions .version {
    background-color: #ffffff;
    border: 1px solid #c2c0c3;
    padding: 1px 10px;
    border-radius: 10px;
    color: #707070;
    font-size: 12px;
    margin: 0 3px 5px 0;
    cursor: pointer;
}

.products-bg .products-box .product .versions .version:hover {
    background-color: #f3f3f3;
}

.products-bg .products-box .product .versions .active {
    border: 1px solid #ff9d9e;
    background-color: #ff9e9e;
    color: white;
}

.products-bg .products-box .product .versions .active:hover {
    background-color: #ff9e9e;
}

.products-bg .products-box .product .info-versions {

}

.products-bg .products-box .product .info-versions .info-version {
    display: none;
}

.products-bg .products-box .product .info-versions > .active {
    display: block;
}

.products-bg .products-box .product .add-to-cart {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid white;
    margin-top: 10px;
    align-items: center;
    min-height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
}

.products-bg .products-box .product .add-to-cart:hover {
    background: linear-gradient(111deg, #2d1974 0%, #a459c8 100%);
}

.products-bg .products-box .product .add-to-cart .left {

}

.products-bg .products-box .product .add-to-cart .left .mobile {
    font-size: 14px;
    color: white;
    font-weight: 500;    
}

.products-bg .products-box .product .add-to-cart .left i {
    font-size: 12px;
    color: white;
}

.products-bg .products-box .product .add-to-cart .left .desktop {
    display: none;
}

.products-bg .products-box .product .add-to-cart .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.products-bg .products-box .product .add-to-cart .right .final {
    font-size: 13px;
    font-weight: 900;
    display: block;
    color: white;
}

.products-bg .products-box .product .add-to-cart .right .discount {
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #e9ccfc;
}

.products-bg .products-box .product .out-of-stock {
    border: 1px solid #e1dfe5;
    background: #fcfbfd;
    cursor: initial;
}

.products-bg .products-box .product .out-of-stock:hover {
    background: #fcfbfd;
}

.products-bg .products-box .product .out-of-stock .left {
    font-size: 14px;
}

.products-bg .products-box .product .out-of-stock .left,
.products-bg .products-box .product .out-of-stock .left i,
.products-bg .products-box .product .out-of-stock .right .final {
    color: #c2bbcd;
}

.products-bg .products-box .product .out-of-stock .right .discount {
    color: #c6c6c6;
}

.product-carousel .product .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-carousel .product-more {
    border-radius: 15px;
    overflow: hidden;
    width: 121px;
    height: 268px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #ff9e9e;
}

.product-carousel .product-more span {
    color: #ff9e9e;
    margin-top: 105px;
    display: block;
}

.product-carousel .product-more i {
    color: #ff9e9e;
    font-size: 22px;
    margin-top: 10px;
}


.products-bg .products-box .product .info .price {
    display: flex;
    flex-direction: column;
    margin-top: 3px;
}

.products-bg .products-box .product .info .price .final {
    display: flex;
    margin-top: 2px;
}

.products-bg .products-box .product .info .price .list-price {
    color: #b3b3b3;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-top: 0;
    text-decoration: line-through;
}

.products-bg .products-box .product .info .price .final-price {
    color: #6D6D6D;
    font-size: 13px;
    font-weight: 900;
    display: block;
}

.products-bg .products-box .product .info .price .final .final-price-discount {
    color: #ff9e9e;
}

.products-bg .products-box .product .info .price .final .stock-info {
    display: flex;
    margin: -2px 0 0 8px;
}

.products-bg .products-box .product .info .price .final .stock-info .text {
    font-size: 11px;
    font-weight: 500;
    color: white;
    background-color: #f44336;
    padding: 3px 7px;
    border-radius: 10px;
}

.products-bg .products-box .product .info .no-stock {
    font-size: 12px;
    font-weight: 500;
    color: white;
    background-color: #f44336;
    padding: 3px 7px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 5px;
}

.custom-collections-cards {
    padding: 0 15px 0px 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.custom-collections-cards .collection {
    width: 50%;
}

.custom-collections-cards .collection:nth-child(2n+1) .card {
    margin-right: 7px;
}

.custom-collections-cards .collection:nth-child(2n+2) .card {
    margin-left: 7px;
}

.custom-collections-cards .collection .card {
    background-color: #f0eef3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #f0eef3;
    min-height: 220px;
    margin-bottom: 15px;
}

.custom-collections-cards .collection .title {
    font-size: 18px;
    color: #432985;
    display: block;
    margin-bottom: 10px;
}

.custom-collections-cards .collection .subtitle {
    color: #747474;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-collections-cards .collection .products {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    background-color: #ff9e9e;
    padding: 2px 7px;
    border-radius: 4px;
    margin-top: 8px;
}


/* full screen modal */

.modal-bg-dark,
.modal-bg-dark-bottom-menu-modal-post {
    background-color: #0000006b;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 60;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.modal-bg-dark-overlay {
    background-color: #0000006b;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.full-screen-modal {
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 62;
    animation-duration: 600ms;
    display: none;
}

.full-screen-modal > .container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 12px;
    padding: 5px 0 10px 0;
}

.full-screen-modal > .container-android {
    padding: 0;
}

.full-screen-modal .container .relative {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.full-screen-modal .container .relative > .bg {
    background-color: white;
    border-radius: 15px;
    overflow-y: scroll;
}


.full-screen-modal .container .btn-a .container {
    padding: 10px;
    background-color: white;
    overflow: hidden;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.full-screen-modal .container .relative .bg .content {
    text-align: left;
}

.full-screen-modal .container .btn-a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    height: 67px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    z-index: 50;
}

.top-close-bar {
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
}

.top-close-bar .close-full-screen-modal {
    color: white;
    font-weight: 900;
    font-size: 18px;
    cursor: pointer;
}

.top-close-bar .close-full-screen-modal i {
    color: white;
    font-size: 15px;
}

#product-preview-modal .container .relative .bg .content {
    text-align: left;
}

.product-preview-img-placeholder {
    width: 100%;
}

.bg-placeholder-center {
    text-align: center !important;
}

.comment-modal .container .close-new-comment, .comment-modal .container .close-update-comment {
    border-radius: 50%;
    left: 12px;
    top: 15px;
    position: absolute;
    z-index: 40;
    width: 40px;
    height: 40px;
}

.comment-modal .container .close-new-comment i, .comment-modal .container .close-update-comment i {
    font-size: 28px;
    color: #dddddd;
    cursor: pointer;
}

#product-preview-modal .fa-chevron-circle-down {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#product-preview-modal .btn-space {
    height: 90px;
    width: 100%;
}

.btn-a-white {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.94) 20%, rgba(255, 255, 255, 0.54) 50%, rgba(255, 255, 255, 0.32) 75%, rgba(255,255,255,0) 100%);
    z-index: 50;
}

.user-signed-out {
    padding-top: 50px;
    text-align: center;
}

.signed-as-brand {
    padding-top: 15px;
}

.close-signed-as-brand, .close-signed-as-unconfirmed {
    position: absolute;
    right: 40px;
}

.close-signed-as-brand i, .close-signed-as-unconfirmed i {
    font-size: 28px;
    color: #dddddd;
}

.user-signed-out .logo {
    width: 120px;
    margin: auto;
    display: block;
}

.user-signed-out .img {
    width: 100%;
    max-width: 320px;
    margin: auto;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

.user-signed-out .signed-out-title {
    font-size: 28px;
    font-weight: 800;
    display: block;
    line-height: 28px;
    margin: auto;
    margin-bottom: 15px;
}

.user-signed-out .signed-out-subtitle {
    font-size: 18px;
    line-height: 22px;
    max-width: 300px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.user-signed-out .signed-out-subtitle strong {
    font-size: 18px;
    font-weight: 900;
}

.user-signed-out-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    z-index: 50;
}

.user-signed-out-footer .container {
    padding: 10px 15px 5px 15px;
    background-color: white;
    overflow: hidden;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.user-signed-out .register-a {
    text-align: center;
    margin: 15px 0;
}

#product-preview-modal .image {
    width: 100%;
    background-image: url("<%= asset_path 'icons/product-placeholder.png' %>");
    background-size: cover;
}

#product-preview-modal .image .carousel {

}

#product-preview-modal .image .carousel img {
    width: 100%;
}

#product-preview-modal .info {
    padding: 12px 15px 0 15px;
}

#product-preview-modal .info .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 20px;
    display: block;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

#product-preview-modal .info .name {
    font-weight: 200;
    font-size: 18px;
    display: block;
    line-height: 20px;
    margin-bottom: 3px;
}

#product-preview-modal .info .review-versions {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

#product-preview-modal .info .review-versions .stars {

}

#product-preview-modal .info .review-versions  #review-stars {
    width: 75px;
    float: left;
    padding: 0;
    margin-top: 0;
    margin-right: 3px;
}

#product-preview-modal .info .review-versions  #review-average {
    display: none;
}

#product-preview-modal .info .review-versions .reviews-count {
    font-size: 12px;
    color: #b8b8b8;
    float: left;
    margin-top: 3px;
}

#product-preview-modal .info .review-versions .versions {
    float: left;
    margin-left: 8px;
}

#product-preview-modal .info .review-versions .versions .version {
    padding: 3px 10px 2px 10px;
    font-size: 12px;
    background-color: #F0F0F0;
    color: #aeaeae;
    display: inline-block;
    border-radius: 8px;
}

#product-preview-modal .info .review-versions .versions .active {
    color: #ff9f9f;
    background-color: #fff1ec;
}

#product-preview-modal .info .category {
    font-size: 12px;
    color: #c0c0c0;
    display: block;
    margin-bottom: 8px;
}

#product-preview-modal .action {
    margin-bottom: 8px;
    padding: 0 12px;
    height: 60px;
}

#product-preview-modal .action .col {
    width: 25%;
    float: left;
}

#product-preview-modal .action .col div {
    padding-right: 3px;
    padding-left: 3px;
}

#product-preview-modal .action .btn {
    text-align: center;
    border: 1px solid #ff9f9f;
    border-radius: 10px;
    padding: 12px 0px 10px 0;
    display: block;
    background-color: #fffaf8;
}

#product-preview-modal .action button {
    width: 100%;
}

#product-preview-modal .action .btn i {
    color: #ff9f9f;
    display: block;
    margin-bottom: 3px;
    font-size: 18px;
}

#product-preview-modal .action .btn span {
    color: #ff9f9f;
    font-size: 13px;
    display: block;
}


#product-preview-modal .action .active {
    background-color: #F1F8E9;
    border: 1px solid #c5cbbf;
}

#product-preview-modal .action .active i, #product-preview-modal .action .active span {
    color: #9aa292;
}

#product-preview-modal .description {
    padding: 0px 15px 10px 15px;
}

#product-preview-modal .description span {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #A3A3A3;
    line-height: 16px;
}

#product-preview-modal .description a {
    font-size: 12px;
    color: #6277AE;
    position: absolute;
    bottom: 13px;
    right: 15px;
    background-color: white;
    padding-left: 9px;
}

#product-preview-modal .ribbon {
    background-color: #fff1ec;
    padding: 0 15px;
    height: 60px;
    margin-bottom: 7px;
}

#product-preview-modal .ribbon i {
    float: left;
    color: #ff9f9f;
    font-size: 18px;
    margin-right: 8px;
    margin-top: 20px;
}

#product-preview-modal .ribbon .buy {
    float: left;
    color: #ff9f9f;
    font-size: 21px;
    font-weight: 500;
    margin-top: 17px;
    letter-spacing: -0.5px;
}

#product-preview-modal .ribbon .promo {
    float: right;
    background-color: white;
    margin-right: 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ff9f9f;
    padding: 5px 8px;
    border-radius: 10px;
    margin-top: 18px;
}

#product-preview-modal .ribbon .amount {
    float: right;
    margin-top: 10px;
    text-align: right;
}

#product-preview-modal .ribbon .amount .number {
    font-size: 20px;
    color: #ff9f9f;
    display: block;
    font-weight: 900;
    margin-bottom: -5px;
}

#product-preview-modal .ribbon .amount .number span {
    font-size: 14px;
    color: #ff9f9f;
}

#product-preview-modal .ribbon .amount a {
    font-size: 12px;
    color: #6277AE;
}

.content-section {
    padding: 15px 15px 25px 15px;
}

.tbl-ing-preview {
    margin-top: -15px !important;
}

.content-section-photos {
    padding: 15px 15px 10px 15px;
}

.divider {
    height: 7px;
    width: 100%;
    background-color: #f0eef3;
    display: block;
}

#product-preview-modal .photos {
    margin-top: -10px;
    padding: 0 0 0 18px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    position: relative;
    height: 150px;
    margin-bottom: 15px;
}

#product-preview-modal .photos div {
    display: inline-block;
    margin-right: 8px;
    background-color: #f4f4f4;
    border-radius: 10px;
}

#product-preview-modal .photos a {
    width: 120px;
    height: 150px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px;
}

#product-preview-modal .photos a img {
    height: 140%;
    flex: none;
    border-radius: 5px;
    margin-top: -28px;
}

#product-preview-modal .questions {
    padding: 0 5px;
}

#product-preview-modal .questions a {
    display: block;
    margin-bottom: 18px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#product-preview-modal .more {
    font-size: 12px;
    color: #6277AE;
    margin-left: 5px;
    display: block;
}

#product-preview-modal .more-photos {
    margin-left: 18px;
    margin-bottom: 20px;
}

#product-preview-modal .reviews {
    padding: 0 5px;
}

#product-preview-modal .reviews .review {
    position: relative;
    margin-bottom: 18px;
}

#product-preview-modal .reviews .review .title {
    color: #6081b4;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
}

#product-preview-modal .reviews .review i {
    color: #cbcfd5;
    font-size: 15px;
}

#product-preview-modal .reviews .review .stars {
    padding: 0;
    position: absolute;
    top: 3px;
    right: 0;
    background-color: white;
    padding-left: 4px;
    padding-bottom: 4px;
}

#product-preview-modal .reviews .review .body {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#product-preview-modal .reviews .review a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #6277AE;
    font-size: 12px;
    background-color: white;
    padding-left: 10px;
}

#user-collections .bg {
    background-color: white;
    border-radius: 15px;
    height: 420px;
    overflow-y: scroll;
    text-align: left;
}

#user-collections .bg .header {
    height: 50px;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
}

#user-collections .bg .header .container {
    text-align: center;
    position: relative;
}

#user-collections .bg .header .container button {
    position: absolute;
    right: 15px;
    top: 13px;
    color: white;
}

#user-collections .bg .header .container button i {
    font-size: 26px;
    color: white;
}

#user-collections .bg .header .container span {
    font-size: 18px;
    font-weight: 900;
    display: block;
    padding-top: 15px;
    color: white;
}

#user-collections .bg .header .container span i {
    font-size: 18px;
    margin-left: 3px;
    color: white;
}

#user-collections .bg .product-header {
    padding: 10px 15px 0px 15px;
}

#user-collections .bg .product-header .container {
    border-bottom: 1px solid lightgray;
    display: flex;
    flex-direction: row;
}

#user-collections .bg .product-header img {
    height: 45px;
    margin-right: 5px;
    border-radius: 10px;
}

#user-collections .bg .product-header > div {
    display: flex;
    flex-direction: column;
    padding-bottom: 7px;
}

#user-collections .bg .product-header div .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 14px;
    display: block;
    line-height: 16px;
    color: #5C5C5C;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 6px;
}

#user-collections .bg .product-header div .name {
    font-weight: 200;
    font-size: 17px;
    display: block;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#user-collections .bg .product-header div .version {
    font-size: 13px;
    font-weight: 200;
    margin-top: 3px;
}

#user-collections .bg .body {
    padding: 15px;
}

#user-collections .collection-ellipsis {
    text-align: center;
}

#user-collections #collection-list {

}

#user-collections #collection-new {
    display: none;
}

#user-collections .bg .slider,
#edit-form .slider,
#new-collection .slider {
    margin-bottom: 60px;
}

#user-collections .bg .slider span,
#edit-form .slider span,
#new-collection .slider span {
    font-weight: 900;
    font-size: 15px;
}

.coll-private-box {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.switch {
    margin-bottom: 15px;
    float: left;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 66px; /*120*/
  height: 26px; /*60*/
  background-color: #dddddd;
  border-radius: 30px; /*60*/
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 30px;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px; /*52*/
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #ff5173;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 40px;
  background-color: #ff5173;
}

/* collection list */

.collection-list-container {
    overflow: hidden;
    overflow-y: scroll;
}

.collection-list-title {
    display: block;
    height: 20px;
    margin-bottom: 10px;
}

.collection-list-title span {
    font-size: 13px;
    color: gray;
}

.collection-list {
    margin-bottom: 25px;
}

.collection-list  a{
    height: 40px;
    margin-bottom: 10px;
    display: block;
}

.collection-list img {
    float: left;
    width: 40px;
    margin-right: 10px;
    border-radius: 10px;
}

.collection-list .img {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: white;
    float: left;
    margin-right: 10px;
    text-align: center;
    border: 1px solid lightgrey;
    overflow: hidden;
}

.collection-list .img i {
    font-size: 18px;
    margin-top: 12px;
    color: #c5c5c5;
}

.collection-list .col {
    padding: 1px 5px 0 50px;
    position: relative;
}

.collection-list .col span {
    font-size: 19px;
    font-weight: 500;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.collection-list .col span i {
    color: #c5c5c5;
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 19px;
}

.collection-list-empty {
    font-size: 18px;
    color: gray;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 30px;
}

.bubble-down-alert {
    bottom: 90px;
    position: fixed;
    z-index: 50;
    text-align: center;
    display: none;
    padding: 0 15px;
    left: 0;
    right: 0;
}

.bubble-down-alert span {
    background-color: #FF5072;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 15px;
    font-weight: 500;
    display: inline-block;
}

.bubble-down-alert i {
    color: #ffffff;
    font-size: 14px;
}

.bubble-top-alert {
    top: 30px;
    position: fixed;
    z-index: 100;
    text-align: center;
    display: none;
    padding: 0 15px;
    left: 0;
    right: 0;
}

.bubble-top-alert-navbar {
    top: 60px;
}

.bubble-top-alert span {
    background-color: #FF5072;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 15px;
    font-weight: 500;
    display: inline-block;
    box-shadow: -3px 3px 5px #0000001a;
}

.bubble-top-alert i {
    color: #ffffff;
    font-size: 14px;
}

.bubble-top-alert-biuexp {
    top: 30px;
    position: fixed;
    z-index: 101;
    text-align: center;
    display: none;
    padding: 0 15px;
    left: 0;
    right: 0;
}

.bubble-top-alert-biuexp .info {
    background-color: #432985;
    padding: 8px 20px;
    border-radius: 15px;
    box-shadow: -3px 3px 5px #0000001a;
    display: inline-flex;
    align-items: center;
}

.bubble-top-alert-biuexp .info .number {
    color: white;
    font-weight: 500;
    margin-right: 5px;
}

.bubble-top-alert-biuexp .info i {
    color: #FFEB3B;
    font-size: 14px;
}

.bubble-top-alert-biuexp .info .text {
    color: white;
    font-weight: 500;
    margin-left: 5px;
}

.bubble-top-alert-biucredits {
    top: 30px;
    position: fixed;
    z-index: 101;
    text-align: center;
    display: none;
    padding: 0 15px;
    left: 0;
    right: 0;
}

.bubble-top-alert-biucredits .info {
    background-color: #272727;
    padding: 8px 20px;
    border-radius: 15px;
    box-shadow: -3px 3px 5px #0000001a;
    display: inline-flex;
    align-items: center;
}

.bubble-top-alert-biucredits .info .number {
    color: white;
    font-weight: 500;
    margin-right: 5px;
}

.bubble-top-alert-biucredits .info .text {
    color: white;
    font-weight: 500;
    margin-right: 5px;
}

.bubble-top-alert-second-level {
    top: 75px;
}


/* unfollow modal */

.unfollow-modal {
    height: 170px;
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 62;
    animation-duration: 600ms;
    display: none;
}

.unfollow-modal > .container {
    padding: 15px;
}

.unfollow-modal > .container > .bg {
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
    background-color: white;
    max-width: 360px;
    margin: auto;
}

.unfollow-modal > .container > .bg > div > .button-box {
    height: 60px;
}

.unfollow-modal > .container > .bg > div > .button-box > a {
    display: block;
    padding: 12px 0;
    width: 100%;
    text-align: left;
}

.unfollow-modal > .container > .bg > div > .button-box > a > div {
    float: left;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.unfollow-modal > .container > .bg > div > .button-box > a > div > i {
    font-size: 20px;
    color: #939393;
}

.unfollow-modal > .container > .bg > div > .button-box > a > span {
    font-size: 18px;
    color: #939393;
    font-weight: 500;
}


/* Bottom Menu Modal */

.bottom-menu-modal,
.bottom-menu-modal-post {
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 100;
    animation-duration: 600ms;
    display: none;
}

.bottom-menu-modal-post {
    z-index: 97;
}

.bottom-menu-modal > .container,
.bottom-menu-modal-post > .container {
    padding: 15px;
}

.bottom-menu-modal > .container > .bg,
.bottom-menu-modal-post > .container > .bg {
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
    background-color: white;
    max-width: 360px;
    margin: auto;
}

.bottom-menu-modal > .container > .bg .lds-ellipsis-container,
.bottom-menu-modal-post > .container > .bg .lds-ellipsis-container {
    text-align: center;
    margin-top: 65px;
    margin-bottom: 80px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box {
    margin-bottom: 10px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box-sort {
    height: 225px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row {
    display: block;
    padding: 12px 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row > div {
    float: left;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d0d0;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .icon-col {
    float: left;
    width: 50px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .icon-col .icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFA5A5;
    text-align: center;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .icon-col .icon i {
    color: white;
    font-size: 22px;
    margin-top: 12px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .info {
    padding-left: 55px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .info .title {
    font-size: 18px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .post-hashid .info .link {
    display: block;
    color: #988b9e;
}

.top-profile-user {
    position: relative;
    text-align: left;
    z-index: 12;
}

.top-profile-user > .container {
    background-color: white;
    width: 100%;
    z-index: 29;
}

.top-profile-user > .container > .header {
    height: 150px;
    width: 100%;
    position: relative;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fcf5f3;
}

.top-profile-user > .container > .header-color {
    height: 150px;
    width: 100%;
    position: relative;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    background-color: #e6e6e6;
}

.top-profile-user > .container > .header > .about {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.top-profile-user > .container .profile {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    top: 80px;
    left: 15px;
    background-color: white;
    object-fit: cover;
}

.top-profile-user > .container > .info {
    padding: 15px 15px 5px 15px;
    text-align: left;
}

.top-profile-user > .container > .info > .top {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
    justify-content: space-between;
}

.top-profile-user > .container > .info > .top-no-desc {
    margin-bottom: 2px;
}

.top-profile-user > .container > .info > .top > .user-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.top-profile-user > .container > .info > .top > .user-container > .user {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.top-profile-user > .container > .info > .top > .user-container > .user .user-name {
    font-size: 22px;
    font-weight: 900;
    margin-right: 5px;
}

.top-profile-user > .container > .info > .top > .user-container > .info {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .biuexp {
    margin-right: 5px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .biuexp .bg {
    background-color: #432985;
    padding: 3px 7px 2px 7px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .biuexp .bg .number {
    color: white;
    font-size: 12px;
    margin-right: 4px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .biuexp .bg i {
    color: #FFEB3B;
    font-size: 11px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .biuexp .bg .text {
    color: white;
    font-size: 12px;
    margin-left: 3px;
}

.top-profile-user > .container > .info .biucredits {
    
}

.top-profile-user > .container > .info .biucredits .bg {
    background: linear-gradient(111deg, #272727 0%, #707070 100%);
    padding: 3px 7px 2px 7px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.top-profile-user > .container > .info .biucredits .bg .currency {
    font-size: 12px;
    color: white;
}

.top-profile-user > .container > .info .biucredits .bg .amount {
    font-size: 12px;
    color: white;
    margin-left: 5px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges {
    margin-right: 5px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges .bg {
    padding: 3px 7px 2px 7px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges span {
    color: white;
    font-size: 12px;
    margin-right: 3px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges i {
    color: white;
    font-size: 10px;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges .admin {
    background-color: #454545;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges .employee {
    background-color: #454545;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges .brand {
    background-color: #454545;
}

.top-profile-user > .container > .info > .top > .user-container > .info > .badges .ambassador {
    background-color: #ff9800;
}

.top-profile-user > .container > .info > .top .user-container .user .follow .follow-btn {
    padding: 4px 12px;
    border-radius: 15px;
    float: right;
    margin-top: -2px;
    font-size: 13px;
    cursor: pointer;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    margin-left: 10px;
}

.top-profile-user > .container > .info > .top .user-container .user .follow > .follow-btn i {
    color: white;
    font-size: 11px;
}

.top-profile-user > .container > .info > .top > .user-stats {
    margin-top: 7px;
}

.top-profile-user > .container > .info > .top > .user-stats .text {
    font-size: 13px;
    color: #9e8b84;
    padding: 5px 12px;
    background-color: #fdeee8;
    border-radius: 15px;
    display: inline-block;
}

.top-profile-user > .container > .info > .description {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: -10px;
}

.top-profile-user > .container > .info > .description * {
    font-size: 14px;
}

.top-profile-user > .container > .info > .description p {
    display: block;
    margin-bottom: 10px;
    line-height: 18px;
}

.top-profile-user > .container > .info .menu {
    display: flex;
    margin: 0 -5px;
    margin-top: 15px;
}

.top-profile-user > .container > .info .menu .col {
    width: 50%;
    padding: 0 5px;
}

.top-profile-user > .container > .info .menu .col .container {
    border: 1px solid #8d7398;
    color: #896b97;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
    width: 100%;
    padding: 10px 0;
}

.top-profile-user > .container > .info .menu .col .container {
    color: #896b97;
}

.top-profile-user > .container > .info .menu .col .container i {
    color: #896b97;
}

.top-profile-user .joined-since {
    margin-top: 10px;
}

.top-profile-user .joined-since i {
    color: #b1aab5;
    font-size: 14px;
}

.top-profile-user .joined-since span {
    color: #b1aab5;
    font-size: 14px;
    font-weight: 500;
}

.top-profile-user .scheduled-to-delete {
    margin-top: 10px;
    background-color: #ffecec;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid red;
}

.top-profile-user .scheduled-to-delete i {
    color: red;
    font-size: 14px;
}

.top-profile-user .scheduled-to-delete span {
    color: red;
    font-size: 14px;
    font-weight: 500;
}

.stats {
    position: relative;
    background-color: white;
    /*border-bottom: 1px solid #ebebeb;*/
    height: 45px;
    padding-top: 7px;
}

.stats > .container {
    display: flex;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.stats .col,
.stats .col-2 {
    display: inline-block;
    padding: 0 12px 0 0;
}

.stats .col:first-child {
    padding-left: 10px;
}

.stats .col .container,
.stats .col-2 .container {
    display: flex;
}

.stats .col-2 .container div {
    background-color: #f0eef3;
    padding: 2px 10px 3px 10px;
    border-radius: 10px;
    border: 1px solid #b9b9b9;
    margin-top: 6px;
}

.stats .col-2 .container div span {
    font-size: 13px;
    color: #454545;
}

.stats .col .container .info {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

.stats .col .container .info-3 {
    padding-top: 0;
}

.stats .col .container .info span {
    font-size: 12px;
    display: block;
    margin-bottom: -2px;
}

.stats .col .container .info small {
    font-size: 10px;
    display: block;
    color: red;
}

.stats .col-2 .container  {
    
}

.stats .col-2 .container {
    
}

.stats .col img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 5px;
    border: 2px solid white;
    z-index: 5;
}

.stats .col span {

}

.stats .col .double {
    margin-left: -23px;
    z-index: 3;
}

.bottom-menu-modal .container .bg .top-profile-user {
    margin: -15px -15px 0 -15px;
}

.bottom-menu-modal .container .bg .stats {
    margin-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.bottom-menu-modal .container .bg .stats .container {
    margin-left: -7px;
    margin-right: 5px;
}


/* Report */

#report-menu .title {
    font-weight: 900;
    margin-bottom: 10px;
    display: block;
    color: #AFB1B2;
}

#report-menu hr {
    margin-bottom: 12px;
    border: 0.5px solid #e1e1e1;
}

#report-menu {
    display: none;
    position: relative;
}

/* Comments */

.post-comments-container {
    min-height: 60px;
    position: absolute;
    width: 100%;
    background-color: #f0eef3;
}

.post-comments-container .comments {
    padding-bottom: 0;
}

.post-comments-container .comments-signed-in {
    padding-bottom: 61px;
}

.post-comments-empty {
    width: 100%;
    height: 7px;
}

.comments-single-thread {
    margin-bottom: 69px;
}

.comment-root {
    padding: 7px 15px 8px 0;
    margin-bottom: 7px;
    background-color: white;
    position: relative;
}

.collapse-angle {
    position: absolute;
    right: 22px;
    top: 11px;
}

.collapse-angle i {
    color: lightgrey;
    cursor: pointer;
}

.comment {
    padding: 0 0 0 15px;
    overflow: hidden;
}

.comment .header {
    height: 25px;
    position: relative;
    z-index: 0;
}

.comment .header .user, .comment .header .user-detached, .comment .header .user-brand, .comment .header .user-store {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.comment .header .user img, .comment .header .user-detached img, .comment .header .user-brand img, .comment .header .user-store img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: left;
    margin-top: 3px;
    border: 1px solid lightgray;
    cursor: pointer;
    object-fit: cover;
}

.comment .header .user .user-name {
    font-size: 13px;
    color: #A3A7A8;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.comment .header .user .user-name i {
    font-size: 9px;
    color: #A3A7A8;
}

.comment .header .user-detached .user-name-detached {
    font-size: 13px;
    color: #b0b0b0;
    float: left;
    margin-top: 6px;
    margin-left: 5px;
}

.comment .header .user .current-user-name, .comment .header .user-brand .current-user-name, .comment .header .user-store .current-user-name {
    color: green;
    font-weight: 500;
}

.comment .header .user .current-user-name i, .comment .header .user-brand .current-user-name i, .comment .header .user-store .current-user-name i {
    color: green;
    font-size: 9px;
    float: right;
    margin-left: 4px;
    margin-top: 3px;
}

.comment .header .user .post-user-name {
    color: #4876b7;
    font-weight: 500;
}

.comment .header .user .post-user-name i {
    color: #4876b7;
    font-size: 9px;
    float: right;
    margin-left: 4px;
    margin-top: 3px;
}

.comment .header .user-brand .user-name, .comment .header .user-store .user-name {
    font-family: "Space Mono", sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    background-color: #676767;
    border-radius: 10px;
    padding: 0px 6px;
    color: white;
}

.comment .header .user-brand .user-name i, .comment .header .user-store .user-name i {
    font-size: 10px;
    float: right;
    margin-left: 4px;
    margin-top: 3px;
    color: white;
}

.comment .header .user .created, .comment .header .user-detached .created, .comment .header .user-brand .created, .comment .header .user-store .created {
    font-size: 12px;
    color: #A3A7A8;
    float: left;
    margin-top: 7px;
    margin-left: 4px;
}


.comment .header .collapse {
    height: 30px;
    position: relative;
}

.comment .header .collapse i {
    color: #d3cdd5;
    font-size: 17px;
    position: absolute;
    right: 7px;
    top: 7px;
}

.comments .comment .body {
    margin-top: 5px;
    margin-bottom: -15px;
}

.comment .body-margin {
    margin-bottom: 1px;
}

.comment .body span {

}

.comment .body .detached p {
    font-style: italic;
    color: #aeaeae;
}

.comment .body p {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #5a5a5a;
    margin-bottom: 16px;
}

.comment .body ol, .comment .body ul {
    padding-left: 20px;
    margin-bottom: 10px;
}

.comment .body li {
    font-size: 16px;
    margin-bottom: 2px;
}

.comment .body a {
    font-size: 16px;
    color: #2196F3;
}

.comment .body strong, .comment .body em {
    font-size: 16px;
}

.comment .body blockquote, .cke_editable blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 15px;
    padding-right: 8px;
    border-left-width: 5px;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
    line-height: 18px;
}

.comment .body blockquote > p, .cke_editable blockquote > p {
    font-size: 15px
}


.comment .footer {
    display: table;
    width: 100%;
    height: 30px;
}

.comment .footer .comment-menu, .comment .footer .comment-menu-detached {
    height: 23px;
    padding-top: 7px;
    width: 35px;
    float: right;
    text-align: center;
    margin: 0 6px;
    cursor: pointer;
}

.comment .footer .comment-menu i, .comment .footer .comment-menu-detached i {
    color: #d3cdd5;
    font-size: 15px;
}

.comment .footer .new-comment, .comment .footer .new-comment-detached {
    height: 23px;
    padding-top: 7px;
    width: 35px;
    float: right;
    text-align: center;
    margin: 0 6px;
    border-radius: 8px;
    cursor: pointer;
}

.comment .footer .new-comment i {
    color: #988b9e;
    font-size: 15px;
}

.comment .footer .new-comment-detached i {
    color:#d3cdd5 !important;
    font-size: 15px;
}

.comment .footer .thumbs-box-left {
    height: 24px;
    padding-top: 6px;
    width: 34px;
    float: right;
    text-align: center;
    margin: 0 6px;
}

.comment .footer .comment-thumbs-box {
    display: table;
    float: right;
}

.comment .footer .thumbs-box-right {
    height: 23px;
    padding-top: 7px;
    width: 35px;
    float: right;
    text-align: center;
    margin-right: -4px;
}

.comment .footer .thumbs-box-left .fa-thumbs-up {
    color: #988b9e;
    font-size: 15px;
    cursor: pointer;
}

.comment .footer .thumbs-box-right .fa-thumbs-down {
    color: #988b9e;
    font-size: 15px;
    cursor: pointer;
}

.comment .footer .thumbs-box-disabled .fa-thumbs-up, .comment .footer .thumbs-box-disabled .fa-thumbs-down {
    color: lightgray;
    font-size: 15px;
}

.comment .footer .voted-thumb i {
    color: #feb9a2 !important;
    font-size: 15px;
}

.comment .footer .thumbs-box-detached i, .comment .footer .thumbs-box-detached .vote {
    color: #d3cdd5 !important;
}

.comment .footer .thumbs-box-left span {
    color: #988b9e;
    font-size: 15px;
    font-weight: 500;
    width: 15px;
    display: inline-block;
    text-align: left;
}

.comment .footer .thumbs-box-left .voted {
    color: #feb9a2 !important;
    font-size: 15px;
}

.comment .footer .comment-saved {
    height: 23px;
    padding-top: 7px;
    width: 34px;
    float: right;
    text-align: center;
}

.comment .footer .comment-saved i {
    color: #feb9a2;
    font-size: 15px;
}

.comment .footer .comment-disabled i {
    color: lightgray;
}


.comment .nested-comments {
    padding-left: 5px;
}


/* Comment Modal */

.user-comment-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #e7e7e7;
    cursor: pointer;
}

.user-comment-btn .container {
    background-color: white;
    padding: 15px 15px 20px 15px;
    height: 26px;
    cursor: pointer;
}

.user-comment-btn img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 2px;
    object-fit: cover;
}

.user-comment-btn span {
    float: left;
    font-size: 16px;
    margin: 4px 0 0 10px;
    color: #988b9e;
    margin-top: 5px;
    padding-top: 0;
}

.user-comment-btn hr {
    border-bottom: 0px solid #c2c2c2;
    margin-top: 26px;
    margin-left: 40px;
}



/* Signed as Brand Modal */

.signed-as-brand-modal {
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 62;
    animation-duration: 600ms;
    display: none;
}

.signed-as-brand-modal > .container {
    padding: 15px;
}

.signed-as-brand-modal .container .relative {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.signed-as-brand-modal .container .relative .bg {
    background-color: white;
    border-radius: 15px;
    overflow-y: scroll;
}

.signed-as-brand-modal > .container .relative > .bg .lds-ellipsis-container {
    text-align: center;
    margin-top: 225px;
}


/* Comment Modal */

.comment-modal {
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 100;
    animation-duration: 600ms;
    display: none;
}

.comment-modal > .container {
    padding: 5px;
}

.comment-modal .container .relative {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.comment-modal .container .relative .bg {
    background-color: white;
    border-radius: 15px;
    overflow-y: scroll;
}

.comment-modal > .container .relative > .bg .lds-ellipsis-container {
    text-align: center;
    margin-top: 155px;
    margin-bottom: 80px;
}

.comment-modal > .container .relative > .bg > div .header {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 65px;
}

.comment-modal > .container .relative > .bg > div .publish-comment-box {
    right: 15px;
    top: 17px;
    position: absolute;
    cursor: pointer;
}

.comment-modal > .container .relative > .bg > div .publish-comment-box .publish-comment, .comment-modal > .container .relative > .bg > div .publish-comment-box .publish-comment-btn {
    z-index: 40;
    font-weight: 900;
    color: #0c007f;
    background-color: #0c007f;
    border-radius: 10px;
    color: white;
    padding: 9px 15px;
    font-size: 14px;
    border: none;
}

.comment-modal > .container .relative > .bg  div form > .container {
    padding: 65px 15px 15px 15px;
}

.comment-modal > .container .relative > .bg  div .container .user, .comment-modal > .container .relative > .bg  div .container .user-brand {
    display: inline-block;
    margin-bottom: 2px;
}

.comment-modal > .container .relative > .bg  div .container .user img, .comment-modal > .container .relative > .bg  div .container .user-brand img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: left;
    margin-top: 7px;
    border: 1px solid lightgray;
}

.comment-modal > .container .relative > .bg  div .container .user .comment-user-name {
    font-size: 13px;
    color: #A3A7A8;
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}

.comment-modal > .container .relative > .bg  div .container .user-brand .comment-user-name {
    font-family: "Space Mono", sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    float: left;
    margin-top: 7px;
    margin-left: 4px;
    color: #aeaeae;
}

.comment-modal > .container .relative > .bg  div .container .user-brand .user-name i {
    font-size: 10px;
    float: right;
    margin-left: 4px;
    margin-top: 3px;
}

.comment-modal > .container .relative > .bg  div .container .user .created, .comment-modal > .container .relative > .bg  div .container .user-brand .created {
    font-size: 13px;
    color: #A3A7A8;
    float: left;
    margin-top: 8px;
    margin-left: 4px;
}

.comment-modal > .container .relative > .bg  div .container .post-title {
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
}

.comment-modal > .container .relative > .bg  div .container .post-title span {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    display: block;
}

#new-comment-ckeditor {
    height: 244px;
    background-color: #eaedef;
    margin-bottom: 0;
}

#new-comment-ckeditor .container {
    padding-right: 0;
    border: none;
    border-radius: 0;
    position: relative;
}

#new-comment-ckeditor .container .title {
    top: 45px;
    display: block;
    position: absolute;
    left: 10px;
}

#new-comment-ckeditor * {
    font-family: "Roboto", sans-serif;
}

.ck.ck-editor__editable_inline {
    height: 204px;
}


/* Filter Modal */

.filter-menu-container {
    margin-bottom: 15px;
}

.filter-menu {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 2px 0 0 10px;
    text-align: left;
}

.filter-menu-signed-out {
    height: 7px;
    width: 100%;
}

.filter-menu-wh {
    background-color: #f0eef3;
    margin-top: -8px;
}

.filter-menu > .container {
    display: inline-block;
    padding: 0 8px;
}

.filter-menu > .container > .btn {
    padding: 13px 0px;
    cursor: pointer;
}


.filter-menu > .container > .btn > .text {
    font-weight: 900;
    color: #988b9e;
    font-size: 15px;
}

.filter-menu > .container > .btn > .text > i {
    color: #988b9e;
    font-size: 14px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.filter-menu > .container > .btn > .text > .fa-chevron-down {
    float: right;
    margin-left: 5px;
    margin-top: 6px;
    font-size: 12px;
}

.filter-menu > .container > .btn > .text > .fa-caret-down {
    color: #988b9e;
    font-size: 18px;
    float: right;
    margin: 1px 0 0 5px;
}

.filter-menu > .container > .btn > .text .alphabet-letter {
    margin-right: 5px;
    background-color: #a0938f;
    width: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    height: 18px;
    float: left;
    margin-top: 1px;
}

.filter-menu > .container > .btn > .text .alphabet-letter > span {
    color: #fce8e1;
    font-size: 12px;
    margin-top: 2px;
    display: block;
}

.filter-menu > .container-show-all {
    float: right;
    padding: 0 8px;
    margin-right: 7px;
}

.filter-menu > .container-show-all > .btn {
    padding: 13px 0px;
}

.filter-menu > .container-show-all > .btn > .text {
    font-weight: 900;
    color: #848da8;
    font-size: 14px;
}

.filter-menu .alphabet {
    display: block;
    margin-top: 10px;
}

.filter-menu .alphabet .letter {
    color: #8b99a0;
}

.filter-menu .alphabet .active {
    font-weight: 900;
    color: #656565;
}

.filter-menu-2-container {
    height: 135px;
    background-color: white;
}

.filter-menu-2 {
    background-color: white;
    position: relative;
    height: 140px;
    border-bottom: 1px solid #ebebeb;
}

.filter-menu-3-container {
    height: 95px;
}

.filter-menu-3 {
    height: 95px;
}

.fixed-filter-menu-2 {
    position: fixed !important;
    top: 0;
    z-index: 30;
    width: 100%;
}

.fixed-filter-menu-index {
    position: fixed !important;
    top: 0;
    z-index: 30;
    width: 100%;
}

.filter-menu-2 .top-row {
    display: flex;
    padding: 10px 15px 0 15px;
    min-height: 35px;
}

.filter-menu-2 .top-row .row {
    width: 100%;
}

.filter-menu-2 .top-row .col {
    width: 50%;
}

.filter-menu-2 .top-row .col:nth-child(2n+1) {
    padding-right: 5px;
}

.filter-menu-2 .top-row .col:nth-child(2n+2) {
    padding-left: 5px;
}

.filter-menu-2 .top-row .btn-wide {
    border: 1px solid #C2C0C3;
    background-color: white;
    padding: 0 15px;
    border-radius: 8px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filter-menu-2 .top-row .btn-wide span {
    font-size: 14px;
    color: #707070;
}

.filter-menu-2 .top-row .btn-wide i {
    font-size: 12px;
    color: #707070;
    margin-left: 5px;
}

.filter-menu-2 .top-row .col-wide {
    width: 100%;
}

.filter-menu-2 .top-row .col-wide .btn-wide {
    
}

.filter-menu-2 .top-row .col-wide .btn-wide span {
    
}

.filter-menu-2 .top-row .col-wide .btn-wide i {
    
}

.filter-menu-2 .top-row  .active {
    border: 1px solid #ff9e9e;
    background-color: #ff9e9e;
}

.filter-menu-2 .top-row .active span {
    color: white;
}

.filter-menu-2 .top-row .active i {
    color: white;
}

.filter-menu-2 .bottom-row {
    display: inline-block;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 10px 0 5px 0;
}

.filter-menu-2 .bottom-row .btn-space {
    width: 12px;
    height: 15px;
    display: inline-block;
}

.filter-menu-2 .bottom-row .btn {
    border: 1px solid #c2c0c3;
    background-color: white;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
    cursor: pointer;
}

.filter-menu-2 .top-row .btn-wide:hover,
.filter-menu-2 .bottom-row .btn:hover {
    background-color: #f3f3f3;
}

.filter-menu-2 .top-row .active:hover,
.filter-menu-2 .bottom-row .active:hover {
    background-color: #ff9e9e;
}

.filter-menu-2 .bottom-row .btn span {
    font-size: 14px;
    color: #707070;
}

.filter-menu-2 .bottom-row .btn i {
    font-size: 12px;
    color: #707070;
}

.filter-menu-2 .bottom-row .active {
    border: 1px solid #ff9e9e;
    background-color: #ff9e9e;
}

.filter-menu-2 .bottom-row .active span {
    color: white;
}

.filter-menu-2 .bottom-row .active .fa-check,
.filter-menu-2 .bottom-row .active .fa-fire,
.filter-menu-2 .bottom-row .active .fa-clock-o,
.filter-menu-2 .bottom-row .active .fa-pencil-alt,
.filter-menu-2 .bottom-row .active .fa-dollar-sign,
.filter-menu-2 .bottom-row .active .fa-font {
    color: white;
}

/* feed headline */

.section-headline {
    height: 35px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
    background-color: #ffa3a3;
    overflow: hidden;
}

.section-headline-z-top {
    z-index: 11;
}

.section-headline .container {
    display: table;
    margin: auto;
}

.section-headline .headline-profile {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    margin-top: 8px;
    object-fit: cover;
}

.section-headline .brand-name {
    font-family: "Space Mono", sans-serif;
    font-size: 14px;
    float: left;
    margin: 7px 0px 0 7px;
    color: white;
}

.section-headline .not-brand-name {
    font-weight: 900;
    float: left;
    margin: 9px 0px 0 7px;
    color: white;
    font-size: 15px;
}

.section-headline .container span i {
    color: #ffffff73;
    font-size: 11px;
    float: right;
    margin: 3px 0 0 5px;
}

.fixed-section-menu {
    position: fixed !important;
    top: 35px;
    z-index: 30;
    width: 100%;
}

.fixed-home-section-menu {
    position: fixed !important;
    top: 0;
    z-index: 30;
    width: 100%;
}

.fixed-filter-menu {
    position: fixed;
    top: 8px;
    z-index: 30;
    width: 100%;
}


.bottom-menu-modal > .container {
    padding: 15px;
}

.bottom-menu-modal > .container > .bg {
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
    background-color: white;
    overflow: hidden;
}

.bottom-menu-modal-post > .container .bg-no-padding {
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    max-width: 600px;
    margin: auto;
    position: relative;
}

.bottom-menu-modal-post > .container .bg-top {
    padding: 15px 15px 0 15px;
    background-color: white;
}

.bottom-menu-modal-post > .container .bg-bottom {
    padding: 0 15px 15px 15px;
    background-color: white;
}

.bottom-menu-modal > .container > .bg .title,
.bottom-menu-modal-post > .container .bg-top .title {
    font-weight: 900;
    margin-bottom: 10px;
    display: block;
    color: #939393;
}

.bottom-menu-modal > .container > .bg .title > span {
    font-weight: 900;
    color: #939393;
    text-transform: lowercase;
}

.bottom-menu-modal > .container > .bg .biucredits-card-container > .title {
    display: block;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    margin-bottom: 30px;
    color: #454545;
}

.bottom-menu-modal > .container > .bg .sort-back-btn {
    float: left;
    margin-right: 7px;
    margin-top: -1px;
}

.bottom-menu-modal > .container > .bg .sort-back-btn > i{
    color: #988b9e;
}

.bottom-menu-modal > .container .bg hr,
.bottom-menu-modal-post > .container .bg-top hr {
    margin-bottom: 12px;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

.bottom-menu-modal > .container .bg .button-box,
.bottom-menu-modal-post > .container .bg-bottom .button-box {
    padding-bottom: 15px;
}

.bottom-menu-modal > .container .bg .button-box-letters {
    height: 305px;
    overflow-y: scroll;
    padding-bottom: 50px;
}

.bottom-menu-modal > .container .bg .button-box-letters-container {
    position: relative;
}

.bottom-menu-modal > .container .bg .button-box-letters-footer {
    position: absolute;
    bottom: 45px;
    height: 50px;
    width: 100%;
    background: white;
    background: linear-gradient(180deg, #ffffff00 0%, #ffffff 69%, #ffffff 100%);
}

.bottom-menu-modal > .container .bg .button-box-quantity {
    max-height: 220px;
    overflow: hidden;
    overflow-y: scroll;
}

.bottom-menu-modal > .container > .bg .button-box > button,
.bottom-menu-modal > .container > .bg .button-box > a,
.bottom-menu-modal-post > .container .bg-bottom .button-box > a {
    display: block;
    padding: 12px 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.bottom-menu-modal > .container > .bg .button-box > button > div,
.bottom-menu-modal > .container > .bg .button-box > a > div,
.bottom-menu-modal-post > .container .bg-bottom .button-box > a > div {
    float: left;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.bottom-menu-modal > .container > .bg .button-box > button > div > i,
.bottom-menu-modal > .container > .bg .button-box > a > div > i,
.bottom-menu-modal-post > .container .bg-bottom .button-box > a > div > i,
.bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row > div > i {
    font-size: 20px;
    color: #939393;
}

.bottom-menu-modal > .container > .bg .button-box .inactive > div > i,
.bottom-menu-modal > .container > .bg .button-box .inactive > span {
    color: #dfdfdf;
}

.bottom-menu-modal > .container > .bg .button-box > button > span,
.bottom-menu-modal > .container > .bg .button-box > a > span,
.bottom-menu-modal-post > .container .bg-bottom .button-box > a > span,
.bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row > span {
    font-size: 18px;
    color: #939393;
    font-weight: 500;
}

.bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row > span .added {
    font-size: 14px;
    color: #2ab529;
}

.bottom-menu-modal > .container > .bg .button-box > button img{
    width: 26px;
    margin-top: -3px;
    margin-bottom: -6px;
}

.bottom-menu-modal .wide-btn-blue {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    font-weight: 900;
    color: white;
    margin-bottom: 15px;
}

.bottom-menu-modal > .container .info .title {
    display: block;
    margin-bottom: 8px;
    color: #939393;
}

.bottom-menu-modal > .container .info .title i {
    color: #939393;
    font-size: 15px;
}

.bottom-menu-modal > .container .info .body {
    display: block;
    margin-bottom: 18px;
    font-size: 15px;
    color: gray;
}

.bottom-menu-modal > .container .info .body a {
    font-size: 15px;
}

.bottom-menu-modal > .container .info .body strong {
    font-size: 15px;
    color: gray;
    font-weight: 900;
}

.fa-dollar-sign-sm {
    font-size: 14px !important;
}

#sort-by-for-me, #sort-by-promos, #sort-by-posts, #sort-by-exclusive, #sort-by-activity, #sort-by-products, #sort-by-products-brand, #sort-by-alphabet, #sort-by-questions, #sort-by-reviews,
#select-categories, #select-categories-brand, #select-characteristics, #select-brands, #select-skin, #select-age, #select-pversion, #select-rating {
    display: none;
}

.button-box-report {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}

.report-menu-gradient {
    position: absolute;
    bottom: 55px;
    height: 40px;
    width: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.54) 50%, rgba(255,255,255,0) 100%);
    z-index: 50;
}

.button-row-rule {

}

.button-row-rule .icon {
    float: left;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    height: 40px;
    margin-top: 2px;
}

.button-row-rule .icon i {
    font-size: 20px;
    color: #988b9e;
}

.button-row-rule .text-col {
    padding-left: 20px;
}

.button-row-rule .text-col .text {
    font-size: 18px;
    color: #988b9e;
    font-weight: 500;
}

.products-box .product .info .product-reviews,
.product-carousel .product .info .product-reviews {
    display: flex;
    margin-top: 5px;
}


.biustore-overlay .products-box .product .info .product-reviews {
    display: table;
    width: 100%;
    margin-bottom: -5px;
}

.products .product .col .product-reviews {
    display: table;
    margin-bottom: -5px;
    margin-bottom: 5px;
}

.biustore-carousel .product .info .product-reviews,
.biustore-full .product .info .product-reviews {
    display: table;
    width: 100%;
    margin-bottom: -2px;
}

.products .product .col .product-reviews .product-star,
.product-carousel .product .info .product-reviews .product-star,
.products-box .product .info .product-reviews .product-star,
.biustore-carousel .product .info .product-reviews .product-star,
.biustore-full .product .info .product-reviews .product-star {
    padding: 0;
    float: left;
    z-index: 0;
}

.products .product .col .product-reviews .score,
.product-carousel .product .info .product-reviews .score,
.products-box .product .info .product-reviews .score,
.biustore-carousel .product .info .product-reviews .score,
.biustore-full .product .info .product-reviews .score {
    color: #A3A3A3;
    font-size: 14px;
    font-weight: 900;
    margin-left: 3px;
}

.products .product .col .product-reviews .score-base,
.product-carousel .product .info .product-reviews .score-base,
.products-box .product .info .product-reviews .score-base,
.biustore-carousel .product .info .product-reviews .score-base,
.biustore-full .product .info .product-reviews .score-base {
    color: #A3A3A3;
    font-size: 13px;
    margin-top: 1px;
    margin-left: 5px;
}


/* Content Modal */

.content-modal-btn {
    position: fixed;
    z-index: 15;
    height: 60px;
    width: 60px;
    bottom: 50px;
    right: 15px;
}

.content-modal-btn .container {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 4px solid white;
    position: relative;
    background: linear-gradient(111deg, #2d1974 0%, #a57bb9 100%);
    box-shadow: 2px 2px 4px #00000038;
}

.content-modal-btn .container i {
    font-size: 28px;
    color: white;
    margin-top: 17px;
}

.new-content-modal {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 65;
    animation-duration: 600ms;
    display: none;
    z-index: 100;
}

.slide-community-content-modal {
    height: 335px;
}

.slide-community-content-modal-fb {
    height: 465px;
}

.new-content-modal > .container {
    text-align: center;
    padding: 15px;
}

.new-content-modal > .container > .bg {
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
    background-color: white;
    max-width: 360px;
    margin: auto;
}

.new-content-modal > .container > .bg > span {
    font-weight: 900;
    margin-bottom: 10px;
    display: block;
}

.new-content-modal > .container > .bg > hr {
    margin-bottom: 25px;
    border-color: white;
}

.new-content-modal > .container > .bg .brand, .new-content-modal > .container > .bg .product {
    margin: auto;
    display: table;
    margin-bottom: 20px;
}

.new-content-modal > .container > .bg .fb-broswer {
    background-color: white;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.75;
}

.new-content-modal > .container > .bg .open-chrome {
    margin-top: -10px;
    margin-bottom: 15px;
    padding: 15px;
    text-align: left;
    background-color: #d8ddeb;
    border-radius: 15px;
}

.new-content-modal > .container > .bg .open-chrome .row {
    display: table;
    width: 100%;
    margin-top: 15px;
}

.new-content-modal > .container > .bg .open-chrome > span {
    font-size: 14px;
    display: block;
}

.new-content-modal > .container > .bg .open-chrome .row img {
    width: 35px;
    border-radius: 50%;
    float: left;
}

.new-content-modal > .container > .bg .open-chrome .row span {
    float: left;
    font-weight: 900;
    margin: 8px;
}

.new-content-modal > .container > .bg .open-chrome .row button {
    float: right;
    border: 1px solid gray;
    padding: 6px 15px;
    border-radius: 15px;
    margin-top: 3px;
    background-color: white;
}

.new-content-modal > .container > .bg .brand > .container > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    background-color: white;
    border: 1px solid lightgray;
}

.new-content-modal > .container > .bg .brand > .container > span {
    font-family: "Space Mono", sans-serif;
    float: left;
    margin-top: 7px;
    margin-left: 8px;
    font-size: 18px;
}

.new-content-modal > .container > .bg .brand > .container > .not-brand {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    margin-top: 9px;
}

.new-content-modal > .container > .bg .product > .container > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    background-color: white;
    border: 1px solid lightgray;
}

.new-content-modal > .container > .bg .product > .container > .product {
    float: left;
    text-align: left;
    padding-left: 8px;
    margin-bottom: 5px;
    margin-top: -1px;
}

.new-content-modal > .container > .bg .product > .container > .product .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: -3px;
}

.new-content-modal > .container > .bg .product > .container > .product .name {
    font-family: "Roboto", sans-serif;
    margin-top: 9px;
}

.new-content-modal > .container > .bg .brand-color-btn {
    color: gray;
}

.new-content-modal > .container > .bg .actions {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.new-content-modal > .container > .bg .actions .action {
    width: 33.33%;
    float: left;
    margin-bottom: 15px;
    cursor: pointer;
}

.new-content-modal > .container > .bg .actions .action:nth-child(3n+1) {
    clear: left;
}

.new-content-modal > .container > .bg .actions .action-col-2 {
    width: 50%;
}

.new-content-modal > .container > .bg .actions .action-col-2:nth-child(2n+1) {
    clear: none;
}

.new-content-modal > .container > .bg .actions .action-col-4 {
    width: 25%;
}

.new-content-modal > .container > .bg .actions .action-col-4:nth-child(2n+1),
.new-content-modal > .container > .bg .actions .action-col-4:nth-child(3n+1) {
    clear: none;
}


.new-content-modal > .container > .bg .actions .action div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    background-color: #0c007f;
}

.action-row-2 {
    padding: 0 50px;
}

.new-content-modal > .container > .bg .actions .action div i {
    font-size: 22px;
    margin-top: 14px;
    color: white;
}

.new-content-modal > .container > .bg .actions .action span {
    color: #0c007f;
    font-weight: 900;
}

.new-content-modal > .container > .bg .actions .review div {
    background-color: #E7A33E;
}

.new-content-modal > .container > .bg .actions .review span {
    color: #E7A33E;
}

.new-content-modal > .container > .bg .actions .question div {
    background-color: #FF9F9F;
}

.new-content-modal > .container > .bg .actions .question span {
    color: #FF9F9F;
}

.new-content-modal > .container > .bg .actions .photo div {
    background-color: #70B5F9;
}

.new-content-modal > .container > .bg .actions .photo span {
    color: #70B5F9;
}

.new-content-modal > .container > .bg .actions .video div {
    background-color: #7FC05E;
}

.new-content-modal > .container > .bg .actions .video span {
    color: #7FC05E;
}

.new-content-modal > .container > .bg .actions .link div {
    background-color: #6D5DF2;
}

.new-content-modal > .container > .bg .actions .link span {
    color: #6D5DF2;
}

.new-content-modal > .container > .bg .actions .text div {
    background-color: #ef5350;
}

.new-content-modal > .container > .bg .actions .text span {
    color: #ef5350;
}



/* table ing */

.tbl-ing {
    width: 100%;
}

.tbl-ing .tr-h {
    height: 35px;
    background-color: #FFE7E0;
}

.tbl-ing .tr-h > .th-l {
    text-align: left;
    color: #9F8B85;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 500;
}

.tbl-ing .tr-h > .th-r {
    text-align: right;
    color: #9F8B85;
    font-size: 12px;
    padding-right: 10px;
    font-weight: 500;
}

.tbl-ing .tr-d  {
    height: 40px;
    border-bottom: 1px solid lightgrey;
    padding: 5px 0;
}

.tbl-ing .tr-d-active {
    height: 40px;
    border-bottom: none;
    padding: 5px 0;
}

.tbl-ing .tr-d-hidden > td .product {
    display: none;
}

.tbl-ing .tr-d .td-l  {
    padding-left: 5px;
}

.tbl-ing .tr-d .td-l a {
    font-size: 15px;
    display: inline-block;
}

.tbl-ing .tr-d .td-r  {
    text-align: right;
    padding-right: 10px;
}

.tbl-ing .tr-d .td-r span {
    font-size: 14px;
}

.tbl-ing .tr-d .td-r div {
    display: inline-block;
}

.tbl-ing .tr-d .td-r .td-r-a-sm {
    font-size: 12px;
    color: #6277AE;
}

.tbl-ing .tr-d .td-r .td-r-a-sm i {
    font-size: 10px;
    color: #6277AE;
}

.tbl-ing-footer {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    margin-left: 5px;
    color: #A3A3A3;
}

.p-list-sm-hidden {
    display: none;
}

/* more articles */

.more .card {
    margin-bottom: 35px;
}

.more .articles {
    margin-bottom: -15px;
}

.more .articles .article {
    margin-bottom: 25px;
    min-height: 100px;
}

.more .articles .article a {
    display: flex;
    -webkit-box-align: end;
    align-items: end;
}

.more .articles .article .info {
    padding-right: 10px;
}

.more .articles .article .info .title  {
    font-size: 18px;
    font-weight: 900;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

.more .articles .article img {
    height: 105px;
    border-radius: 15px;
}

.more .articles .info .comments {
    display: inline-block;
}

.more .articles .info .comments i {
    font-size: 12px;
    color: #FF5072;
    float: left;
    margin-top: 4px;
    margin-right: 3px;
}

.more .articles .info .comments span {
    color: #FF5072;
    font-size: 12px;
    float: left;
    margin-top: 3px;
    margin-bottom: 1px;
    font-weight: 500;
}

.wide-btn-rose {
    background-color: white;
    color: #ff9f9f;
    border: 1px solid #ff9f9f;
}

.wide-btn-rose i {
    color: #ff9f9f;
}

.wide-btn-gray {
    background-color: white;
    color: #6A6868;
    border: 1px solid #707070;
}

.wide-btn-gray i {
    color: #6A6868;
}


/* explore */

.explore {
    display: table;
    width: 100%;
}

.explore .col-lg {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.explore .col-lg .btn {
    font-weight: 900;
    color: white;
    display: block;
    border-radius: 15px;
    padding: 12px;
    cursor: pointer;
    height: 120px;
}

.explore .col-lg:nth-child(2n+1) > .container {
    padding-right: 8px;
}

.explore .col-lg:nth-child(2n+2) > .container {
    padding-left: 8px;
}

.explore .col-lg .btn > .container {
    position: relative;
    height: 100%;
}

.explore .col-lg .btn span {
    color: white;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
}

.explore .col-lg .left {
    background-color: #BDE26D;
}

.explore .col-lg .right {
    background-color: #FE8356;
}


/* Brands Cards */

.brand-cards {
    padding: 15px;
    background-color: white;
    display: table;
}

.brand-cards-no-padding {
    padding: 0;
    padding-bottom: 30px;
}

.brand-cards .card {
    margin-bottom: 60px;
}

.brand-cards .card:last-of-type {
    margin-bottom: 0;
}

.brand-cards .card {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}

.brand-cards .card .about-box {
    position: relative;
    min-height: 100px;
    background-color: #e6e6e6;
}

.brand-cards .card .about-box .about  {
    width: 100%;
    margin-bottom: -5px;
}

.brand-cards .card .about-box .profile  {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    bottom: -10px;
    left: 15px;
    background-color: white;
    object-fit: cover;
}

.brand-cards .card .info  {
    background-color: #fbfbfb;
    padding: 12px 15px 20px 15px;
    height: 70px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.brand-cards .card .info .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 18px;
    color: #656565;
    display: block;
    text-transform: uppercase;
}

.brand-cards .card .info .no-brand {
    font-size: 20px;
    font-weight: 900;
    color: #656565;
    display: block;
}

.brand-cards .card .info .about {
    font-size: 12px;
    color: #868686;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.container-body-bottom, .container-body-padding {
    padding:  0 15px 0 15px;
}


/* promo */

.new-promo-btn {
    position: fixed;
    z-index: 10;
    height: 60px;
    width: 60px;
    bottom: 50px;
    right: 15px;
}

.new-promo-btn .container {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 4px solid white;
    position: relative;
    background: linear-gradient(111deg, #2d1974 0%, #a57bb9 100%);
    box-shadow: 2px 2px 4px #00000038;
}

.new-promo-btn .container i {
    font-size: 28px;
    color: white;
    margin-top: 17px;
}

.onboarding-bg {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 999999;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.onboarding-box {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: fixed;
    z-index: 999998;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    box-shadow: #21212180 0px 0px 0px 5000px;
    opacity: 1;
    display: none;
}

.onboarding-dialog {
    background: linear-gradient(111deg, #0c007f 0%, #7768ff 100%);
    padding: 20px;
    width: 270px;
    position: absolute;
    z-index: 9999999;
    border-radius: 20px;
    display: none;
}

.onboarding-dialog .title {
    color: white;
    display: block;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
}

.onboarding-dialog .title i {
    color: white;
    font-size: 24px;
}

.onboarding-dialog .subtitle {
    color: white;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.onboarding-dialog .subtitle i {
    color: white;
    font-size: 15px;
}

.onboarding-dialog .subtitle .username {
    font-weight: 900;
    color: #ffeb3b;
}

.onboarding-dialog .next {
    float: right;
}

.onboarding-dialog .sign-in {
    display: none;
}

.onboarding-dialog .resend-confirmation, .onboarding-dialog .done {
    display: none;
    float: right;
}

.onboarding-dialog .prev, .onboarding-dialog .restart {
    color: white;
    font-weight: 500;
    float: right;
    margin: 12px 15px 0 0;
    display: none;
    cursor: pointer;
}

.onboarding-dialog .restart i {
    color: white;
    font-size: 14px;
    margin-left: 4px;
}

.onboarding-dialog .transparent-btn {
    background-color: transparent;
    color: white;
    border: 1px solid white;
}

.onboarding-dialog .solid-btn {
    border: 1px solid #555555;
    color: #606060;
}

.onboarding-dialog .arrow-down {
    border: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 132px;
    border-top-color: #FEBBA3;
    display: none;
}

.onboarding-dialog .arrow-up {
    border: 10px solid transparent;
    content: "";
    position: absolute;
    top: -20px;
    left: 132px;
    border-bottom-color: #ffa9a9;
    display: none;
}

.onboarding-exit {
    position: absolute;
    top: 15px;
    right: 15px;
}

.onboarding-dialog .exit-top {
    position: absolute;
    top: -50px;
    right: 15px;
    color: white;
    font-weight: 500;
    display: none;
    padding: 8px 13px;
    border: 1px solid white;
    border-radius: 20px;
    cursor: pointer;
}

.onboarding-dialog .exit-bottom {
    position: absolute;
    bottom: -50px;
    right: 15px;
    color: white;
    font-weight: 500;
    display: none;
    padding: 8px 13px;
    border: 1px solid white;
    border-radius: 20px;
    cursor: pointer;
}

.onboarding-dialog .exit-top i, .onboarding-dialog .exit-bottom i {
    color: white;
    margin-left: 5px;
}

.overflow-hidden {
    overflow-y: hidden;
}

.onboarding-dialog .sign-up-show {
    display: inline-block;
}


/* biustore full */

.biustore-full {
    padding: 0 15px;
    margin-bottom: 10px;
}

.biustore-full .product {
    width: 100%;
    overflow: hidden;
}

.biustore-full .product .container {
    border: 1px solid #e3e6e8;
    border-radius: 15px;
    overflow: hidden;
}

.biustore-full .product .container .images-container {
    width: 100%;
    height: 290px;
    background-size: cover;
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
}

.biustore-full .product .container .images-container .biustore-image {
    display: none;
    width: 100%;
    height: 290px;
    margin: auto;
}

.biustore-full .product .container .image {
    display: none;
    width: 100%;
    height: 280px;
    margin: auto;
}

.biustore-full .product .container .images-container .image-floor {
    position: absolute;
    height: 27px;
    width: 100%;
    bottom: 0;
    background-color: #f7f7f7;
}

.biustore-full .product .container .images-container .active {
    display: block;
}

.biustore-full .product .container .biustore-image .profile {
    width: 220px;
    margin: auto;
    display: block;
    position: relative;
    z-index: 4;
}

.biustore-full .product .container .kit-image .profile {
    width: 293px;
}

.biustore-full .product .container .image .profile {
    height: 280px;
    margin: auto;
    display: block;
}

.biustore-full .product .container .info {
    background-color: #f7f7f7;
    padding: 0px 10px 10px 10px;
    /*min-height: 152px;*/
    position: relative;
}

.biustore-full .product .container .info .top {

}

.biustore-full .product .container .info .top .general {

}

.biustore-full .product .container .info .top .general .brand {
    display: block;
    margin-bottom: 4px;
}

.biustore-full .product .container .info .top .general .brand .text {
    font-family: "Space Mono", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #5C5C5C;
    text-transform: uppercase;
    display: inline-block;
}

.biustore-full .product .container .info .top .general .name {
    display: block;
    margin-bottom: 5px;
}

.biustore-full .product .container .info .top .general .name .text {
    font-weight: 200;
    font-size: 18px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.biustore-full .product .container .info .top .general .category {
    font-size: 13px;
    color: #b2b2b2;
    display: block;
    line-height: 11px;
    margin-bottom: 8px;
}

.biustore-full .product .container .info .top .general .products-count,
.brand-related-card .bg .products-count {
    font-size: 13px;
    color: #5c5c5c;
    display: inline-block;
    margin-bottom: 5px;
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 15px;
    margin-top: 1px;
    border: 1px solid #8d8d8d;
}

.biustore-full .product .container .info .top .general .description {
    font-size: 14px;
    color: #b2b2b2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 8px;
}

.biustore-full .product .container .info .top .price {

}

.biustore-full .product .container .info .versions-row {
    margin-top: 10px;
    margin-bottom: -10px;
}

.biustore-full .product .container .info .versions-row-text {
    overflow: hidden;
}

.biustore-full .product .container .info .versions-row-text .version {
    margin-right: 5px;
    display: inline-block;
}

.biustore-full .product .container .info .versions-row-text .version-container {
    display: inline-block;
    margin-bottom: 5px;
}

.biustore-full .product .container .info .versions-row-image {
    overflow: hidden;
}

.biustore-full .product .container .info .versions-row-image .version-container-img {
    display: inline-block;
}

.biustore-full .product .container .info .versions-row-image .version-container-img .version {
    display: inline-block;
}



.biustore-full .product .container .info .versions-row .version .bg {
    background-color: #ffffff;
    border: 1px solid #8d8d8d;
    padding: 1px 11px;
    border-radius: 10px;
}

.biustore-full .product .container .info .versions-row .version .active {
    background-color: #FFA3A3 !important;
    border: 1px solid #ffa3a3 !important;
}

.biustore-full .product .container .info .versions-row .version .bg .txt {
    color: #8d8d8d;
    font-size: 13px;
    margin: 3px 0 2px 0;
    display: block;
}

.biustore-full .product .container .info .versions-row .version .active .txt {
    color: #ffffff;
}

.biustore-full .product .container .info .versions-row .version .version-img {
    display: inline-block;
}

.biustore-full .product .container .info .versions-row .version .version-img .bg {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 5px 8px 5px 5px;
    border-radius: 10px;
    display: table;
}

.biustore-full .product .container .info .versions-row .version .version-img .bg .img {
    width: 20px;
    float: left;
    border-radius: 5px;
    border: 1px solid #ffffff8f;
}

.biustore-full .product .container .info .versions-row .version .version-img .bg .text {
    color: #8d8d8d;
    font-size: 13px;
    margin: 4px 0 2px 5px;
    float: left;
}

.biustore-full .product .container .info .versions-row .version .version-img .active .text {
    color: white;
}

.biustore-full .product .container .info .see-more-versions {
    font-size: 13px;
    color: #898989;
    text-decoration: underline;
    display: none;
    margin: 15px 0 -8px 0;
    display: none;
}

.biustore-full .product .container .info .see-more-versions-img {
    margin-top: 20px;
}

.biustore-full .product .container .info .price {
    margin-top: 20px;
    max-width: 180px;
}

.biustore-full .product .container .info .kit-price {
    margin-top: 10px;
}

.biustore-full .product .container .info .more-versions-price {
    margin-top: 25px;
}

.biustore-full .product .container .info .price .prices-loader {
    padding: 9px 12px;
    border-radius: 10px;
    height: 18px;
    background: linear-gradient(111deg, #0c007f 0%, #7768ff 100%);
    text-align: center;
}

.biustore-full .product .container .info .price .prices-loader .lds-ellipsis-wh div {
    top: 3px;
    height: 12px;
    width: 12px;
}

.biustore-full .product .container .info .price .prices-container {

}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper {

}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn {
    padding: 9px 12px;
    border-radius: 10px;
    display: none;
    height: 18px;
    background: linear-gradient(111deg, #0c007f 0%, #7768ff 100%);
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .active {
    display: block;
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn .add-to {
    font-size: 13px;
    color: #ffffff;
    float: left;
    margin-top: 1px;
    font-weight: 900;
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn .right {
    float: right;
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn .right .currency {
    color: #ffffff;
    font-size: 10px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    margin-right: 2px;
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn .right .symbol {
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    margin-top: 3px;
    float: right;
}

.biustore-full .product .container .info .price .prices-container .price-btn-wrapper .price-btn .right .amount {
    color: #ffffff;
    font-weight: 900;
    display: inline-block;
    float: right;
}

.pnl-no-margin {
    margin-bottom: 0;
}

.biustore-divider {
    background-color: #f0eef3;
    height: 7px;
    width: 100%;
}

.biustore-brand-cards { height: 285px; }
.biustore-brand-cards .card { height: 280px; }
.biustore-brand-cards .card .bg { height: 108px; }
.biustore-brand-cards .card .bg .brand-name { -webkit-line-clamp: 1; }
.biustore-brand-cards .card .bg .products-count { margin-top: 8px; }

.biustore-brand-cards .card-more { height: 250px; }
.biustore-brand-cards .card-more span { margin-top: 90px; }

.root .ribbon-sign-in  {
    position: fixed;
    background: linear-gradient(111deg, #ff6e6e 0%, #ff9e9e 100%);
    width: 100%;
    z-index: 60;
    bottom: 0;
    display: none;
}

.root .ribbon-biutesting {
    display: block;
    position: initial;
    bottom: initial;
    background: linear-gradient(111deg, #8bc34a 0%, #4caf50 100%);
}

.root .ribbon-sign-in > .container {
    position: relative;
    padding: 20px 20px 30px 20px;
}

.root .ribbon-sign-in > .container .close-ribbon-sign-in {
    position: absolute;
    right: 13px;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 12px;
}

.root .ribbon-sign-in > .container .close-ribbon-sign-in i {
    color: #e2b1fb;
    font-size: 22px;
    margin-top: 4px;
}


.root .ribbon-sign-in .primary-column-ribbon .top {
    display: block;
    font-weight: 900;
    font-size: 22px;
    color: white;
    margin-bottom: 2px;
}

.root .ribbon-sign-in .primary-column-ribbon .bottom {
    display: block;
    color: white;
    font-size: 14px;
}

.root .ribbon-sign-in .sidebar-column-ribbon {
    padding-top: 15px;
}

.root .ribbon-sign-in .sidebar-column-ribbon .transparent-btn {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 5px;
}

.root .ribbon-sign-in .sidebar-column-ribbon .solid-btn {
    border: 1px solid #ff9695;
    color: #ff7879;
}

.root .ribbon-biutesting .sidebar-column-ribbon .solid-btn {
    border: 1px solid #64b64f;
    color: #69b84e;
}

.about-us-modal {

}

.about-us-modal .color-panel {
    text-align: center;
}

.about-us-modal .color-panel-1 {
    background-color: #f7e8e1;
}

.about-us-modal .color-panel-2 {
    background-color: #c8e6fd;
}

.about-us-modal .color-panel-3 {
    background-color: #f6e7e1;
}

.about-us-modal .color-panel-4 {
    background-color: #FFA5A5;
}

.about-us-modal .color-panel-5 {
    background-color: #fbc6c6;
}

.about-us-modal .color-panel-6 {
    background-color: #4caf50;
}

.about-us-modal .color-panel .container {
    padding: 60px 0 30px 0;
}

.about-us-modal .color-panel .container .title {
    font-size: 28px;
    font-weight: 900;
    display: block;
    max-width: 300px;
    margin: auto;
    color: #52375e;
    margin-bottom: 10px;
}

.about-us-modal .color-panel .container .description {
    display: block;
    max-width: 280px;
    margin: auto;
    color: #52375e;
    margin-bottom: 20px;
    line-height: 22px;
}

.about-us-modal .color-panel .container .image {
    width: 300px;
    height: 195px;
    margin: auto;
    margin-bottom: 30px;
}

.about-us-modal .color-panel .container .image img {
    width: 100%;
}

.about-us-modal .color-panel .container .sub-row {
    margin-top: 60px;
}

.about-us-modal .color-panel .container .sub {
    margin-bottom: 30px;
}

.about-us-modal .color-panel .container .sub .subtitle {
    display: block;
    max-width: 320px;
    margin: auto;
    color: #486378;
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 10px;
}

.about-us-modal .color-panel .container .sub .subtitle i {
    color: #486378;
    font-size: 24px;
}

.about-us-modal .color-panel .container .sub .subdescription {
    display: block;
    max-width: 280px;
    margin: auto;
    color: #486378;
    line-height: 22px;
}

.privacy-container .container {
    text-align: left;
    padding: 30px 30px 150px 30px;
}

.privacy-container .title {
    font-size: 28px;
    font-weight: 900;
    display: block;
    margin: auto;
    color: #52375e;
    margin-bottom: 30px;
}

.privacy-container .txt-subtitle {
    font-size: 20px;
    font-weight: 900;
    display: block;
    margin: auto;
    color: #52375e;
    margin-bottom: 10px;
}

.privacy-container .txt-about {
    font-size: 16px;
    display: block;
    margin: auto;
    color: #52375e;
    margin-bottom: 10px;
}

.privacy-container .txt-about strong {
    color: #52375e;
}

.privacy-container ul {
    margin: 20px 0;
}

.privacy-container ul li {
    font-size: 16px;
    margin-left: 20px;
    color: #52375e;
    margin-bottom: 5px;
}

.question-notif-container,
.review-notif-container {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 0 5px 15px 15px;
}

.question-notif-container .question-notif-card,
.review-notif-container .review-notif-card {
    display: inline-block;
    width: 198px;
    background-color: #FCF2EE;
    padding: 15px 15px 0 15px;
    border-radius: 15px;
    margin-right: 7px;
    min-height: 305px;
    vertical-align: top;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.review-notif-container .review-notif-card {
    min-height: 268px;
}

.bottom-menu-modal-post .question-notif-container .question-notif-card .title {
    color: #454545;
    display: -webkit-box;
}

.bottom-menu-modal-post .question-notif-container .question-notif-card {
    min-height: 255px;
}

.question-notif-container .question-notif-card .header,
.review-notif-container .review-notif-card .header {
    height: 42px;
    margin-bottom: 10px;
}

.question-notif-container .question-notif-card .header .image,
.review-notif-container .review-notif-card .header .image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    border: 1px solid #e1e1e1;
    background-color: white;
    overflow: hidden;
}

.question-notif-container .question-notif-card .header .image img,
.review-notif-container .review-notif-card .header .image img {
    width: 100%;
}

.question-notif-container .question-notif-card .header .info-product,
.review-notif-container .review-notif-card .header .info-product {
    padding-left: 10px;
    float: left;
    margin-top: -4px;
    width: 145px;
    overflow: hidden;
}

.question-notif-container .question-notif-card .header .info-product .brand,
.review-notif-container .review-notif-card .header .info-product .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #6f6f6f;
    display: block;
    margin-bottom: -3px;
}

.question-notif-container .question-notif-card .header .info-product .name,
.review-notif-container .review-notif-card .header .info-product .name {
    font-size: 14px;
    color: #6f6f6f;
    display: block;
}

.question-notif-container .question-notif-card .header .info-product .type,
.review-notif-container .review-notif-card .header .info-product .type {
    font-size: 12px;
    color: #6f6f6f;
    display: block;
}

.question-notif-container .question-notif-card .header .info,
.review-notif-container .review-notif-card .header .info {
    padding-left: 10px;
    padding-top: 2px;
    float: left;
    width: 145px;
    overflow: hidden;
}

.question-notif-container .question-notif-card .header .info .brand,
.review-notif-container .review-notif-card .header .info .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 16px;
    font-weight: 900;
    color: #6f6f6f;
    display: block;
    margin-bottom: -3px;
}

.question-notif-container .question-notif-card .header .info .name,
.review-notif-container .review-notif-card .header .info .name {
    font-size: 14px;
    font-weight: 900;
    color: #6f6f6f;
    display: block;
}

.question-notif-container .question-notif-card .header .info .type,
.review-notif-container .review-notif-card .header .info .type {
    font-size: 13px;
    color: #6f6f6f;
    display: block;
}

.question-notif-container .question-notif-card .question-group {
    padding: 2px 0 7px 0;
}

.question-notif-container .question-notif-card .question-group .bg {
    background-color: white;
    border: 1px solid #aba19e;
    padding: 1px 11px;
    border-radius: 15px;
    display: inline-block;
    margin-left: -3px;
    max-height: 20px;
}

.question-notif-container .question-notif-card .question-group .bg .text {
    color: #868180;
    font-size: 13px;
    margin: 2px 0 2px 0;
    display: block;
}

.question-notif-container .question-notif-card .title,
.review-notif-container .review-notif-card .title {
    font-size: 18px;
    font-weight: 900;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: initial;
    margin-bottom: 7px;
    line-height: 20px;
}

.question-notif-container .question-notif-card .body,
.review-notif-container .review-notif-card .body {
    font-size: 14px;
    color: #9B9694;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: initial;
}

.review-notif-container .review-notif-card .body {
    -webkit-line-clamp: 3;
}

.question-notif-container .question-notif-card .btn,
.review-notif-container .review-notif-card .btn {
    padding-top: 15px;
}

.question-notif-container .question-notif-card .btn .btn-md {

}

.review-notif-container .top-row, .question-cards .question-card .top-row {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.review-notif-container .top-row .star {
    float: left;
    padding: 0;
    z-index: 0;
    margin-right: 2px;
}

.review-notif-container .top-row .review-number {
    color: #FEC109;
    font-weight: 900;
    float: left;
    margin-top: -2px;
    font-size: 19px;
}

.review-notif-container .top-row i {
    color: #C4B6B0;
    float: right;
}

.review-notif-container .top-row .fa-camera, .question-cards .question-card .top-row .fa-camera {
    float: right;
    color: #C4B6B0;
    font-size: 18px;
}

.home-brand-panel {
    background-color: #ffffffa8;
    position: relative;
    border-bottom: 1px solid #f6e1d9;
}

.home-brand-panel .brand-panel {
    background-color: #F9EFEC;
}

.home-brand-panel .brand-panel .btn {
    height: 45px;
}

.home-brand-panel .brand-panel .text {
    font-size: 15px;
    color: #B49A92;
    font-weight: 900;
    margin-top: 14px;
    display: inline-block;
    margin-left: 15px;
}

.home-brand-panel .brand-panel .text i {
    font-size: 14px;
    color: #B49A92;
    margin-right: 4px;
}

.home-brand-panel .brand-panel .text-right {
    color: #B49A92;
    font-weight: 900;
    margin-top: 9px;
    float: right;
    margin-right: 10px;
    padding: 6px 12px;
    border: 1px solid #B49A92;
    border-radius: 15px;
    font-size: 13px;
    background-color: white;
}

.home-brand-panel .brand-panel .text-right i {
    font-size: 12px;
    color: #B49A92;
}

.brand-segments, .brand-clicks {
    padding: 0 15px 8px 15px;
    display: none;
}

.brand-panel .segments, .brand-panel .clicks {
    width: 100%;
}

.brand-panel .segments .segment-row, .brand-panel .clicks .click-row {
    height: 20px;
}

.brand-panel .segments .curious {
    color: #e59d7b;
}

.brand-panel .segments .lead {
    color: #80BAC4;
}

.brand-panel .segments .in-the-know {
    color: #5D78AD;
}

.brand-panel .segments .ambassador {
    color: #444D5F;
}

.brand-panel .segments .segment-row .segment {
    font-size: 15px;
    font-weight: 900;
}

.brand-panel .segments .segment-row .users {
    text-align: right;
    font-size: 15px;
    font-weight: 900;
}

.brand-panel .segments .segment-row .growth {
    text-align: right;
    font-size: 15px;
    font-weight: 900;
    color: #b49a91;
}

.brand-panel .clicks .click-row .source {
    color: #B49A92;
    font-size: 15px;
    text-align: left;
    font-weight: 500;
}

.brand-panel .clicks .click-row .source a {
    color: #B49A92;
    font-size: 15px;
    text-align: left;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.brand-panel .clicks .click-row .source a strong {
    font-weight: 900;
    color: #B49A92;
    font-size: 15px;
}

.brand-panel .clicks .click-row .number {
    color: #B49A92;
    font-size: 15px;
    text-align: right;
}

.brand-panel .footer {
    height: 18px;
    padding-top: 5px;
    border-top: 1px solid #d3beb6;
    margin-top: 5px;
}

.brand-panel .footer .left {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #B49A92;
    float: left;
    cursor: pointer;
}

.brand-panel .footer .left i {
    font-size: 12px;
    color: #B49A92;
    float: left;
    margin: 3px 4px 0 0;
}

.brand-panel .footer .right {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #B49A92;
    float: right;
}

.brand-clicks  {
    text-align: right;
    font-size: 14px;
    font-weight: 900;
    color: #B49A92;
}

.what-to-do, .user-milestones {
    background-color: white;
    padding: 20px 0 20px 0;
    margin-bottom: 7px;
    position: relative;
}

.what-to-do .section-title, .user-milestones .section-title  {
    margin: 0 15px 15px 15px;
}

.what-to-do .section-title .title, .user-milestones .section-title .title {
    margin-left: 0;
}

.what-to-do .section-title .subtitle, .user-milestones .section-title .subtitle {
    margin-left: 0;
}

.what-to-do .carousel, .user-milestones .carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 250px;
}

.what-to-do .carousel-milestones, .user-milestones .carousel-milestones {
    height: 230px;
}

.what-to-do .carousel .card, .user-milestones .carousel .card {
    width: 285px;
    display: inline-block;
    height: 250px;
}

.what-to-do .carousel .card .container, .user-milestones .carousel .card .container {
    padding-right: 10px;
}

.what-to-do .carousel .card .container .img, .user-milestones .carousel .card .container .img {
    background-color: #ebd8f7;
    height: 110px;
    width: 270px;
    border-radius: 15px;
    overflow: hidden;
}

.what-to-do .carousel .card .container .img img, .user-milestones .carousel .card .container .img img {
    width: 100%;
}

.what-to-do .carousel .card .container .text, .user-milestones .carousel .card .container .text {
    padding-top: 10px;
    padding: 10px 0 0 3px;
}

.what-to-do .carousel .card .container .text .title, .user-milestones .carousel .card .container .text .title {
    font-size: 19px;
    font-weight: 900;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
}

.what-to-do .carousel .card .container .text .subtitle, .user-milestones .carousel .card .container .text .subtitle {
    font-size: 14px;
    display: block;
    line-height: 16px;
    color: #808080;
}

.what-to-do .carousel .card .container .text .subtitle i, .user-milestones .carousel .card .container .text .subtitle i {
    font-size: 14px;
    color: #808080;
}

.what-to-do .card .container .text .btn-md, .user-milestones .card .container .text .btn-md {
    margin-top: 10px;
}

.sign-in-box {
    margin-bottom: 10px;
    margin-top: 10px;
}

.sign-in-box .bg {
    background: linear-gradient(111deg, #190C8E 0%, #7060F6 100%);
    border-radius: 10px;
    padding: 15px;
}

.sign-in-box .bg .title {
    display: block;
    color: white;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 5px;
}

.sign-in-box .bg .subtitle {
    display: block;
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
}

.sign-in-box .bg .transparent-btn {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 5px;
}

.select-interests-container {
    margin: 0 15px;
}

.select-interests-img {
    background-color: #FFA5A5;
    height: 150px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.select-interests-img img {
    width: 100%;
}

.communities {
    padding: 0 15px 30px 15px;
}

.communities .community-container {
    margin-bottom: 30px;
}

.communities .community-container .header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ffa5a5;
    margin-bottom: 7px;
}

.communities .community-container .header .name {
    color: #FFA5A5;
    font-size: 22px;
    font-weight: 900;
}

.communities .community-container .rows {
    max-height: 265px;
    overflow: hidden;
}

.communities .community-container .footer {

}

.communities .community-container .footer .btn-md {

}

.select-user-interests {
    background-color: white;
}

.select-user-interests .bg {
    background: linear-gradient(111deg, #0c007f 0%, #7768ff 100%);
    width: 100%;
}

.select-user-interests .bg .container {
    padding: 20px;
}

.select-user-interests .title {
    color: white;
    display: block;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
}

.select-user-interests .title i {
    color: white;
    font-size: 24px;
}

.select-user-interests .subtitle {
    color: white;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.interests {
    background-color: white;
    padding: 15px 15px 0 15px;
    margin-bottom: 7px;
}

.interests .title {
    font-size: 21px;
    font-weight: 900;
    color: #ff9f9f;
    display: block;
}

.interests .buttons {
    overflow: hidden;
    padding: 10px 0;
}

.interests .button-container {
    height: 143px;
    overflow: hidden;
}

.interests .buttons a {
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid #8d7398;
    color: #886b97;
    border-radius: 20px;
    margin-bottom: 8px;
    margin-right: 4px;
    font-weight: 500;
}

.interest-container {
    background-color: #f0eef3;
}

.interests .interest-cat {

}

.interests .interest-subcat {
    background-color: #FFFDE7;
}

.interests .interest-subsubcat {
    background-color: #E8F5E9;
}

.interests .buttons .active {
    background-color: #ff9f9f;
    color: white;
    border: 1px solid #ff9f9f;
}

.interests .footer {
    text-align: center;
    border-top: 1px solid #b4b3b5;
    padding: 15px 0 18px 0;
    margin-top: 5px;
}

.interests .footer-none {
    border: none;
    margin-top: 0;
}

.interests .footer span {
    font-weight: 500;
    color: #876b97;
    cursor: pointer;
}

.interests .footer i {
    font-size: 12px;
    color: #876b97;
}

.interests-footer {
    background-color: white;
    padding: 30px 15px 40px 15px;
    text-align: center;
}

.user-interests {
    background-color: white;
}

.user-interests .processing {
    text-align: center;
    padding: 0 20px 0px 20px;
}

.user-interests .processing i {
    font-size: 62px;
    margin-top: 40px;
    color: #988b9e;
}

.user-interests .processing .title {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 900;
    color: #988b9e;
}

.user-interests .processing .subtitle {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #988b9e;
}

.user-interests .processing .lds-ellipsis-color {
    height: 30px;
}

.user-interests .processing .lds-ellipsis-color div {
    top: 31px;
}

/* hero */

.hero {
    width: 100%;
    position: relative;
    text-align: center;
    background-color: #F0EEF3;
    padding-top: 50px;
    padding-bottom: 10px;
    min-height: 495px;
}

.hero .menu {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 40px;
    margin: 0 0 0 0;
    background-color: white;
    align-items: center;
}

.hero .menu a {
    flex: 0 0 auto;
    margin-right: 20px;
    position: relative;
    color: #0C057F;
    font-size: 15px;
    font-weight: 500;
}

.hero .carousel {

}

.hero .carousel .container {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.hero .carousel .card {
    width: 100%;
    overflow: hidden;
    display: flex;
    background-color: #dbd4df;
}

.hero .carousel .card img {
    width: 100%;
    object-fit: cover;
}

.hero .carousel .illus-card {
    width: 100%;
    margin: 45px 15px 15px 15px;
    overflow: hidden;
    border-radius: 10px;
}

.hero .carousel .illus-card-1 {
    background-color: #C8E6FD;
}

.hero .carousel .illus-card-2 {
    background-color: #DFC5F7;
}

.hero .carousel .illus-card-3 {
    background-color: #D98AFF;
}

.hero .carousel .illus-card .top {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.hero .carousel .illus-card .top img {
    width: 100%;
}

.hero .carousel .illus-card .bottom {
    padding: 0 20px 20px 20px;
}

.hero .carousel .illus-card .bottom .info-text {
    color: #432985;
    display: block;
    font-size: 18px;
    max-width: 240px;
    margin: auto;
    margin-bottom: 15px;
}

.hero .carousel .illus-card .bottom .text-white {
    color: white;
}

.hero .carousel .illus-card .bottom .info-text .bold {
    font-weight: 900;
    color: #FF5F98;
    font-size: 18px;
}

.hero .carousel .illus-card .bottom .info-text .bold-purple {
    font-weight: 900;
    color: #432985;
    font-size: 18px;
}

.hero .carousel .illus-card .bottom .text-white .bold {
    font-weight: 900;
    font-size: 18px;
    color: white;
}

.hero .carousel .illus-card .bottom .btn-md {
    border: 1px solid #432985;
    color: #432985;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #988B9E;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
}

.flickity-button {
    opacity: 0.4;
}

.flickity-prev-next-button {
    top: 115px; 
}

.hero .carousel-bg {

}

.hero .menu-cards-container {
    position: absolute;
    top: 365px;
    width: 100%;
}

.hero .menu-cards,
.md-cards {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 10px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 180px;
    background: linear-gradient(1deg,#f0eef2 60%, #f0eef2ab 80%, #f0eef230 90%, transparent);
}

.md-cards {
    background: transparent;
}

.hero .menu-cards .card,
.md-cards .card {
    height: 180px;
    width: 135px;
    background-color: white;
    border-radius: 10px;
    /* padding: 15px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-right: 10px;
}

.hero .menu-cards .card-sign-up,
.md-cards .card-sign-up {
    width: 225px;
    justify-content: center;
}

.hero .menu-cards .card-sign-up .info,
.md-cards .card-sign-up .info {
    width: 195px;
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 0 15px;
}

.hero .menu-cards .card-sign-up .info .title,
.md-cards .card-sign-up .info .title {
    font-weight: 900;
    font-size: 18px;
    color: #432985;
}

.hero .menu-cards .card-sign-up .info .subtitle,
.md-cards .card-sign-up .info .subtitle {
    color: #432985;
    font-size: 14px;
}

.hero .menu-cards .card-sign-up .btns,
.md-cards .card-sign-up .btns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
}

.hero .menu-cards .card-sign-up .btns .top,
.md-cards .card-sign-up .btns .top {
    margin-bottom: 15px;
}

.hero .menu-cards .card-sign-up .btns .top .btn-md,
.md-cards .card-sign-up .btns .top .btn-md {
    border: none;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    padding: 13px 20px;
    border-radius: 25px;
}

.hero .menu-cards .card-sign-up .btns .bottom,
.md-cards .card-sign-up .btns .bottom {
    padding-left: 5px;
}

.hero .menu-cards .card-sign-up .btns .bottom a,
.md-cards .card-sign-up .btns .bottom a {
    color: #432985;
    font-weight: 500;
}

.hero .menu-cards .card > .top,
.md-cards .card > .top {
    width: 135px;
    height: 45px;
}

.md-cards .card > .top {
    background-color: #f0eef3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
}

.hero .menu-cards .card .top .container,
.md-cards .card .top .container {
    padding: 7px 10px;
    text-align: left;
}

.hero .menu-cards .card .top .container .title,
.md-cards .card .top .container .title {
    font-size: 14px;
    line-height: 15px;
    color: #432985;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero .menu-cards .card > .bottom,
.md-cards .card > .bottom {
    height: 135px;
    width: 135px;
    background-color: #dbd4df;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.hero .menu-cards .card .bottom .container,
.md-cards .card .bottom .container {
    width: 135px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .menu-cards .card .bottom .container img,
.md-cards .card .bottom .container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero .menu-cards .card .bottom .container .brand-img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 2px 2px 4px #00000038;
}

.md-cards {

}

.menu-white-bg {
    background-color: white;
    padding: 10px 0 0 0;
    margin-bottom: 7px;
}

.menu-white-bg-signed-in {
    margin-bottom: 7px;
}

.menu-white-bg .menu {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 45px;
    padding: 0px 0 10px 15px;
}

.hero .menu .btn-md,
.menu-white-bg .menu .btn-md {
    color: white;
    border: 1px solid #0C087F;
    background-color: initial;
    margin-right: 5px;
    display: inline-flex;
}

.menu-white-bg .menu .btn-md {
    border: 1px solid #8d7399;
    color: #8d7399;
}

.hero .menu .btn-md i,
.menu-white-bg .menu .btn-md i {
    color: #8d7399;
    margin: 2px 6px 0 0;
}

.menu-white-bg .menu .btn-md i {
    color: #8d7399;
}

.hero .menu .btn-md span,
.menu-white-bg .btn-md span {
    color: #8d7399;
}

.menu-white-bg .btn-md span {
    color: #8d7399;
}

.hero-signed-in .menu .btn-md span,
.hero-signed-in .menu .btn-md i {
    color: #0c0a7f;
}

.hero .text {
    margin: auto;
    max-width: 320px;
    padding-top: 70px;
    margin-bottom: 20px;
}

.hero .text .slogan {
    font-size: 30px;
    font-weight: 900;
    color: #0C057F;
    display: block;
    max-width: 300px;
    margin: auto;
    margin-bottom: 20px;
    text-shadow: -2px 2px 0px #faf0ff;
}

.hero .text .btn-md {
    background-color: initial;
    border: 1px solid #0C057F;
    color: #0C057F;
    padding: 10px 20px;
}

.hero .text > .btn-md i {
    color: #0C057F;
}

.hero .search {
    width: 100%;
}

.hero-signed-in .search {
    position: absolute;
    z-index: 10;
    top: 120px;
}

.hero .search .search-modal-hero-btn {
    padding: 12px 20px;
    font-weight: 900;
    font-size: 18px;
    background-color: #FFFFFF;
    border-radius: 20px;
    display: table;
    margin: auto;
    margin-bottom: 10px;
    color: #0C057F;
}

.hero .search .search-modal-hero-btn i {
    color: #0C057F;
}

.hero .search .search-modal-hero-btn .wrap {
    font-size: 20px;
    color: #0C057F;
}

.hero .search button i {
    color: #5679b2;
}

.hero .img-signed-out {
    overflow: hidden;
    width: 100%;
    margin-bottom: -50px;
}

.hero .img-signed-out img {
    width: 100%;
    display: block;
}

.hero .img-signed-in {
    overflow: hidden;
    width: 100%;
    min-height: 130px;
    z-index: 0;
    position: absolute;
    top: 100px;
}

.hero .img-signed-in img {
    width: 100%;
    display: block;
}

.menu-modal .menu-nav .footer {
    padding: 20px 15px 15px 10px;
}

.menu-modal .menu-nav .footer .nav {
    border-top: 1px solid #c8c1cb;
    padding-top: 20px;
}

.menu-modal .menu-nav .footer .nav a,
.menu-modal .menu-nav .footer .nav span {
    font-size: 13px;
    margin: 0 5px 8px 0;
    display: inline-block;
    color: #988b9e;
    cursor: pointer;
}

.menu-modal .menu-nav .footer .nav a i {
    color: #988b9e;
}



.bottom-menu-modal > .container > .bg .menu-container {
    padding: 0;
    padding-bottom: 20px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}

.bottom-menu-modal > .container > .bg .menu-container .menu-box {
    border-radius: 10px;
    background-color: #fbfbfb;
    border: 1px solid #D5D9D9;
    overflow: hidden;
}

.bottom-menu-modal > .container > .bg .menu-container .menu-box .menu-row {
    border-bottom: 1px solid #D5D9D9;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.bottom-menu-modal > .container > .bg .menu-container .menu-box .menu-row:last-child,
.menu-container .menu-box .user-address:last-child {
    border-bottom: none;
}

.bottom-menu-modal > .container > .bg .user-address,
.menu-container .menu-box .user-address {
    padding: 15px;
    border-bottom: 1px solid #d5d9d9;
    cursor: pointer;
}

.bottom-menu-modal > .container > .bg > .active {
    cursor: initial;
}

.bottom-menu-modal > .container > .bg .user-address > .row,
.menu-container .menu-box .user-address > .row {
    display: flex;
    flex-direction: row;
}

.bottom-menu-modal > .container > .bg .user-address .row .info .title,
.menu-container .menu-box .user-address .row .info .title {
    font-size: 14px;
    background-color: #ffa3a3;
    border-radius: 10px;
    padding: 4px 10px;
    color: white;
    display: inline-block;
    margin-bottom: 10px;
}

.bottom-menu-modal > .container > .bg .user-address .row .info .name,
.menu-container .menu-box .user-address .row .info .name {
    font-weight: 900;
    display: block;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 18px;
}

.bottom-menu-modal > .container > .bg .user-address .row .info .address .row,
.menu-container .menu-box .user-address .row .info .address .row {
    display: block;
    margin-bottom: 3px;
}

.bottom-menu-modal > .container > .bg .user-address .row .info .address .additional-info,
.menu-container .menu-box .user-address .row .info .address .additional-info {
    font-style: italic;
    margin-top: 10px;
    font-size: 14px;
}

.bottom-menu-modal > .container > .bg .user-address .actions {
    display: none;
    margin-top: 10px;
}

.bottom-menu-modal > .container > .bg .user-address .active,
.menu-container .menu-box .user-address .active {
    display: block;
}

.bottom-menu-modal > .container > .bg .user-address .actions .row-top {
    margin-bottom: 10px;
}

.bottom-menu-modal > .container > .bg .user-address .actions .row-top .wide-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    color: white;
}

.menu-container .menu-box .user-address .actions {
    margin-top: 10px;
}

.bottom-menu-modal > .container > .bg .user-address .actions .row-bottom,
.menu-container .menu-box .user-address .actions {
    display: flex;
    justify-content: space-between;
}

.bottom-menu-modal > .container > .bg .btn-md-wide {
    padding: 10px 25px;
}

.carousel-card-history-marketplace {
    height: 193px;
}

.brand-card-sm {
    border-radius: 15px;
    overflow: hidden;
    width: 150px;
    height: 190px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.brand-card-sm .about-img {
    width: 100%;
    overflow: hidden;
    height: 93px;
    background-color: #e6e6e6;
}

.brand-card-sm .about-img img {
    width: 150px;
    margin-top: -8px;
    background-color: #FCF2EF;
    object-fit: cover;
    height: 100px;
}

.brand-card-sm .profile-img {
    width: 70px;
    height: 70px;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 36px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.brand-card-sm .profile-img img {
    width: 100%;
}

.brand-card-sm .bg {
    background-color: #fbfbfb;
    padding: 20px 10px 0px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 78px;
    overflow: hidden;
}

.brand-card-sm .bg .brand-name {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
}

.brand-card-sm .bg .description {
    font-size: 13px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 43px;
    position: relative;
    margin-top: 3px;
    line-height: 14px;
}

.section-title .icon-box .icon-img {
    width: 25px;
}

.list-carousel {

}

.list-carousel .lists {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 350px;
    margin-bottom: 0px;
}

.list-carousel .lists .list {
    display: flex;
    flex-direction: column;
    width: 300px;
    flex-wrap: wrap;
    height: 345px;
}

.list-carousel .lists .list {
    
}

.list-carousel .lists .list .row {
    display: flex;
    margin-bottom: 15px;
}

.list-carousel .lists .list .row .img-col {
    width: 65px;
    padding-right: 10px;
}

.list-carousel .lists .list .row .img-col img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 1px solid #efefef;
}

.list-carousel .lists .list .row .text-col {
    width: 210px;
    padding-right: 15px;
}

.list-carousel .lists .list .row .text-col .brand {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
}

.list-carousel .lists .list .row .text-col .description {
    font-size: 13px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 43px;
    position: relative;
    margin-top: 3px;
    line-height: 14px;
}

.fixed-filter-menu-2 {
    top: 0;
}

.fixed-filter-menu-index {
    top: 0;
}

.custom-collection-panel {
    background-color: white;
    margin-bottom: 7px;
    padding: 0 0 15px 0;
}

.custom-collection-panel .header {
    background-color: #f0eef3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 30px 30px 30px;
    position: relative;
}

.custom-collection-panel .header-bg {
    
}

.custom-collection-panel .header-fg {
    
}

.custom-collection-panel .header .title {
    font-size: 26px;
    color: #432985;
    font-weight: 900;
    display: block;
    margin-bottom: 10px;
    text-shadow: -2px 2px white;
}

.custom-collection-panel .header .title > i {
    font-size: 14px;
    color: #7d6189;
}

.custom-collection-panel .header .subtitle {
    color: #7D6189;
}

.custom-collection-panel .header .title .edit {
    font-size: 12px;
    background-color: #f0eef3;
    padding: 0px 10px;
    border-radius: 16px;
    color: #7d6189;
    font-weight: 500;
    display: inline-block;
    text-shadow: initial;
    border: 1px solid #b3a6b9;
    margin-left: 5px;
}

.custom-collection-panel .header .title .edit i {
    font-size: 9px;
    color: #7d6189;
}


.wide-banner {
    display: flex;
    margin-bottom: 7px;
    background-color: white;
    width: 100%;
    justify-content: center;
}

.wide-banner a {
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.wide-banner img {
    width: 100%;
    object-fit: cover;
}

.edit-panel-container {
    min-height: 240px;
}

.edit-form {
    padding-top: 5px;
    position: relative;
}

.edit-form form > .container {
    max-height: 400px;
    overflow: scroll;
}

.edit-form .close {
    position: absolute;
    right: -5px;
    padding: 5px 10px;
    top: -2px;
}

.edit-form .close i {
    color: #b7acbd;
    font-size: 26px;
    cursor: pointer;
}

.edit-form .title {
    font-size: 21px;
    font-weight: 900;
    color: #ff9f9f !important;
    margin-bottom: 0 !important;
}

.edit-form .subtitle {
    font-size: 14px;
    color: #AFAFAF;
    display: block;
    margin-top: 3px;
    margin-bottom: 15px;
}

.edit-form .info {
    padding: 15px 0 5px 0;
    margin-bottom: -10px;
}

.edit-form .info .text {
    font-size: 14px;
    display: list-item;
    margin-bottom: 10px;
    color: gray;
    margin-left: 20px;
}

.edit-form .add-media {
    margin-top: 20px;
    margin-bottom: 30px;
}

.edit-form .file-field-input {
    display: none;
}

.edit-form .btn-md-new-content {
    margin-bottom: 8px;
    margin-right: 4px;
    background-color: white;
}

.edit-form .photo-previews {
    
}

.edit-form .add-photo {
    display: none;
}

.edit-form .add-photo .btn-md-photo{
    margin-top: 5px;
    margin-bottom: 15px;
    color: #8a8a8a;
    border: 1px solid #a4a4a4;
}

.edit-form .add-photo .tag-brand {
    margin-top: -3px;
    display: none;
    margin-bottom: 15px;
}

.edit-form .add-photo .tag-brand i {
    font-size: 14px;
    color: gray;
    float: left;
    margin-top: 2px;
}

.edit-form .add-photo .tag-brand span {
    font-size: 14px;
    color: gray;
    display: block;
    line-height: 18px;
    padding-left: 20px;
}

.edit-form .edit-hidden-panel {
    display: none;
}


.select-inputs {
    margin-bottom: 20px;
}

.select-inputs .row {
    display: flex;
}

#user_dob_3i {
    width: 20%;
}

#user_dob_2i {
    width: 55%;
}

#user_dob_1i {
    width: 25%;
}

.select-inputs .row select {
    height: 50px;
    background-color: transparent;
    padding-left: 5px;
    padding-top: 5px;
    border-radius: 5px;
    border: 1px solid #bebebe;
    margin-right: 5px;
}

.select-inputs .row .input-wide {
    width: 100%;
}


.input .helper {
    font-size: 14px;
    display: inline-block;
    line-height: 15px;
    color: #A3A3A3;
    margin-top: 5px;
}


.skin-type-row,
.hair-texture-row {
    display: flex;
    margin-bottom: 20px;
}

.skin-phototype-row {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
}

.skin-type-row .col,
.hair-texture-row .col {
    width: 25%;
    text-align: center;
}

.skin-phototype-row .row {
    text-align: center;
    background-color: #fffaf8;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #ffdad1;
}

.skin-type-row .col .image,
.hair-texture-row .col .image {
    width: 65px;
    height: 65px;
    background-color: #ebd8f7;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
}

.skin-phototype-row .row .image {
    width: 100%;
}

.skin-type-row .col .selected,
.hair-texture-row .col .selected {
    border: 3px solid #ff5d96;
    width: 59px;
    height: 59px;
}

.skin-phototype-row .selected {
    border: 3px solid #ff5d96;
}

.hair-texture-detail-row .row .selected {
    border: 3px solid #ff5d96;
    width: 59px;
    height: 59px;
}

.skin-type-row .col .image img,
.hair-texture-row .col .image img {
    width: 100%;
}

.skin-phototype-row .row .image img {
    width: 100%;
}

.skin-type-row .col .text {
    
}

.skin-phototype-row .row .text {
    display: flex;
    flex-direction: column;
    padding: 5px 15px 10px 15px;
}

.skin-phototype-row .row .text .txt {
    color: #7f5c55;
}

.skin-phototype-row .row .text .description {
    font-size: 14px;
    color: #b6958e;
}


.hair-row {
    display: flex;
}

.hair-row .image {
    
}

.hair-row .image img {
    width: 30px;
    border-radius: 50%;
    margin-right: 8px;
}

.hair-row .info {
    
}

.hair-row .info .title {
    display: block;
    font-weight: 500;
    font-size: 16px;
}

.hair-row .info .title small {
    font-size: 14px;
    font-weight: 400;
    color: #4a75b5;
}

.hair-row .info .subtitle {
    color: #4a75b5;
    font-size: 13px;
    display: block;
}

.hair-row .single {
    display: flex;
}

.hair-row .single img {
    width: 30px;
    border-radius: 50%;
    margin-right: 7px;
}

.hair-row .single span {
    margin-top: 7px;
    color: #4a75b5;
}


.hair-texture-detail-row {
    margin-bottom: 40px;
    display: none;
}

.hair-texture-detail-row-selected {
    display: block;
}

.hair-texture-detail-row .devise-title {
    font-size: 21px;
    font-weight: 900;
    color: #ff9f9f;
    margin-bottom: 15px;
    display: block;
}

.hair-texture-detail-row .row {
    width:  100%;
    display: table;
    margin-bottom: 8px;
    cursor: pointer;
}

.hair-texture-detail-row .row .image  {
    width: 65px;
    height: 65px;
    background-color: #ebd8f7;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
    float: left;
}

.hair-texture-detail-row .row .image img {
    width: 100%;
}

.hair-texture-detail-row .row .info {
    padding-left: 75px;
    margin-bottom: 0;
    padding-top: 0;
}

.hair-texture-detail-row .row .info .title {
    font-weight: 900;
    font-size: 16px;
    color: #454545 !important;
}

.hair-texture-detail-row .row .info .subtitle {
    font-size: 14px;
    display: block;
    line-height: 18px;
    color: #545454;
}

.alert-new-post {
    background-color: #FF5072;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    margin-bottom: 20px;
}

.alert-new-post .left-col {
    margin-right: 12px;
}

.alert-new-post .left-col i {
    color: white;
    font-size: 18px;
}

.alert-new-post .right-col {
    
}

.alert-new-post .right-col .title {
    font-size: 18px;
    font-weight: 900;
    color: white;
    display: block;
    margin-bottom: 5px;    
}

.alert-new-post .right-col .subtitle {
    color: white;
    font-size: 14px;
    display: block;
}

.kueski-container {
    padding: 15px;
}

.biucredits-offer-container {
    padding: 15px;
}

.biucredits-offer {
    background: linear-gradient(111deg, #272727 66%, #707070 100%);
    padding: 20px 20px 15px 20px;
    border-radius: 10px;
}

.biucredits-offer .title {
    display: block;
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    color: white;
    margin-bottom: 5px;
}

.biucredits-offer .subtitle {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
    color: white;
}

.biucredits-offer .subtitle a {
    font-size: 14px;
    color: #959595;
    text-decoration: underline;
}

.biucredits-offer .btns {
    margin-top: 15px;
}

.biucredits-offer .btns .solid {
    border: 1px solid #606060;
    color: #272727;
    display: inline-block;
    margin: auto;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
}

.biucredits-offer .btns .outline {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 5px;
    display: inline-block;
    margin: auto;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 7px;
}

.kueski-offer {
    border: 1px solid #d5d9d9;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #fbfbfb;
}

.kueski-offer-cart {
    background-color: #f8f8f8;
}

.kueski-offer-seller-info {
    margin-top: 15px;
    margin-bottom: -3px;
    background-color: transparent;
    border-radius: initial;
    border: none;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
}

.kueski-offer span {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
}

.kueski-offer-seller-info span {
    color: #575959;
}

.kueski-offer strong {
    color: #008bd8;
    font-size: 15px;
}

.kueski-offer .logo {
    height: 24px;
    margin-bottom: -6px;
    margin-left: -2px;
    margin-right: -4px;
}

.kueski-offer .link {
    color: #472B88;
    font-size: 14px;
    display: inline;
    cursor: pointer;
}

.kueski-info {

}

.kueski-info .logo {
    height: 40px;
    margin: auto;
    display: block;
    margin-bottom: 15px;
}

.bottom-menu-modal > .container > .bg .kueski-info .title {
    font-size: 18px;
    color: #008bd8;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}

.kueski-info .row {
    display: flex;
    text-align: center;
}

.kueski-info .row .col {
    width: 33.33%;   
}

.kueski-info .row .col:nth-child(3n+1) .container {
    padding-right: 7px;
}

.kueski-info .row .col:nth-child(3n+2) .container {
    padding-left: 7px;
    padding-right: 7px;
}

.kueski-info .row .col:nth-child(3n+3) .container {
    padding-left: 7px;
}

.kueski-info .row .col img {
    width: 80px;
}

.bottom-menu-modal > .container > .bg .kueski-info .row .col .title {
    font-size: 16px;
    margin-bottom: 5px;
    color: #454545;
    font-weight: 900;
}

.kueski-info .row .col .subtitle {
    font-size: 13px;
    display: block;
}

.kueski-info .disclaimer {
    color: #A2A2A2;
    margin-bottom: 15px;
    font-size: 12px;
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 13px;
    
}

.alert-biutesting {
    border: 1px solid #f34436;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    background-color: #ffedef;
}

.alert-biutesting .title {
    font-size: 24px;
    display: block;
    font-weight: 900;
    color: #f44336;
}

.alert-biutesting .description {
    display: block;
    line-height: 22px;
    font-size: 16px;
    margin: 10px 0 0 0;
}


.review-cards, .question-cards {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    position: relative;
    padding: 15px 5px 15px 15px;
}

.review-cards .review-card, .question-cards .question-card {
    display: inline-block;
    width: 160px;
    background-color: #FCF2EE;
    padding: 15px;
    border-radius: 15px;
    margin-right: 10px;
    min-height: 199px;
    vertical-align: top;
}

.question-cards .question-card {
    min-height: 228px;
}

.review-cards .review-card .top-row, .question-cards .question-card .top-row {
    display: table;
    width: 100%;
    margin-bottom: 7px;
}

.review-cards .review-card .top-row .star {
    float: left;
    padding: 0;
    z-index: 0;
    margin-right: 2px;
}

.review-cards .review-card .top-row .review-number {
    color: #FEC109;
    font-weight: 900;
    float: left;
    margin-top: -2px;
    font-size: 19px;
}

.review-cards .review-card .top-row .fa-camera, .question-cards .question-card .top-row .fa-camera {
    float: right;
    color: #C4B6B0;
    font-size: 18px;
    cursor: pointer;
}

.review-cards .review-card .top-row .fa-video, .question-cards .question-card .top-row .fa-video {
    float: right;
    color: #C4B6B0;
    font-size: 18px;
}

.question-cards .question-card .top-row .fa-comment {
    color: #FF9F9F;
    float: left;
    margin-right: 4px;
}

.question-cards .question-card .top-row .comment-count {
    float: left;
    color: #FF9F9F;
    font-weight: 900;
    margin-top: -1px;
}

.review-cards .review-card .user, .question-cards .question-card .user {
    margin-bottom: 7px;
}

.review-cards .review-card .review-type {
    margin: -5px 0 8px 0;    
}

.review-cards .review-card .review-type .regular {
    font-size: 12px;
    font-weight: 900;
    background-color: #9b9694;
    color: #fcf2ef;
    padding: 2px 6px;
    border-radius: 5px;
}

.review-cards .review-card .review-type .first {
    font-size: 12px;
    font-weight: 900;
    background-color: #ff9d9e;
    color: #fcf2ef;
    padding: 2px 6px;
    border-radius: 5px;
}

.review-cards .review-card .user .user-name, .question-cards .question-card .user .user-name {
    font-size: 13px;
    display: block;
    font-weight: 900;
    color: #9B9694;
    margin-bottom: -3px;
}

.review-cards .review-card .user .skin-type-age, .question-cards .question-card .user .skin-type-age {
    color: #9B9694;
    font-size: 13px;
}

.question-cards .question-card .question-group {
    padding: 2px 0 10px 0;
}

.question-cards .question-card .question-group .bg {
    background-color: white;
    border: 1px solid #aba19e;
    padding: 1px 11px;
    border-radius: 15px;
    display: inline-block;
    margin-left: -3px;
}

.question-cards .question-card .question-group .bg .text {
    color: #868180;
    font-size: 13px;
    margin: 2px 0 2px 0;
    display: block;
    cursor: pointer;
}

.review-cards .review-card .title, .question-cards .question-card .title {
    font-size: 14px;
    font-weight: 900;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: initial;
    margin-bottom: 7px;
    cursor: pointer;
}

.review-cards .review-card .body, .question-cards .question-card .body {
    font-size: 14px;
    color: #9B9694;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: initial;
    cursor: pointer;
}


.no-content {
    margin: 15px;
    background-color: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #dfdfdf;
}

.no-content .row {
    margin-bottom: 15px;
    min-height: 50px;
}

.no-content .row .col {
    float: left;
    margin-right: 10px;
}

.no-content .row .col .circle {
    width: 50px;
    height: 50px;
    background-color: #FF9F9F;
    border-radius: 50%;
    text-align: center;
}

.no-content .row .col .circle i {
    margin-top: 15px;
    font-size: 22px;
    color: white;
}

.no-content .row .col .circle .no-data-star-icon  {
    margin: auto;
    padding-top: 10px;
    z-index: 0;
}

.no-content .text {
    padding-left: 60px;
}

.no-content .text span {
    font-size: 14px;
    color: #868686;
    display: block;
    line-height: 18px;
}

.no-content .text span i {
    font-size: 11px;
    color: #868686;
}

.no-content .wide-btn {
    border: 1px solid #FF9F9F;
    color: #FF9F9F;
}

.no-content .wide-btn i {
    color: #FF9F9F;
}

.photos-grid, .info-photos-grid {
    padding-bottom: 10px;
    margin-top: -5px;
    padding: 0 15px;
    height: auto;
}

.photos-grid > .container, .info-photos-grid > .container {
    width: 100%;
    display: none;
}

.photos-grid > .active, .info-photos-grid > .active {
    display: table;
}

.photos-grid .photo, .info-photos-grid .photo {
    width: 25%;
    height: 112px;
    float: left;
    overflow: hidden;
    margin-bottom: 4px;
}

.info-photos-grid .photo-social {
    height: initial;
}

.info-photos-grid .photo-social .post_type {
    font-size: 14px;
    color: #6d6d6d;
}

.photos-grid > .container .empty, .info-photos-grid > .container .empty {
    color: #989898;
    font-size: 14px;
}

.photos-grid .photo .container, .info-photos-grid .photo .container {
        
}

.photos-grid .photo:nth-child(4n+1) .container, .info-photos-grid .photo:nth-child(4n+1) .container {
    padding-right: 3px;
}

.photos-grid .photo:nth-child(4n+2) .container, 
.photos-grid .photo:nth-child(4n+3) .container,
.info-photos-grid .photo:nth-child(4n+2) .container, 
.info-photos-grid .photo:nth-child(4n+3) .container {
    padding: 0 3px;
}

.photos-grid .photo:nth-child(4n+4) .container, .info-photos-grid .photo:nth-child(4n+4) .container {
    padding-left: 3px;
}

.photos-grid .photo .container .bg, .info-photos-grid .photo .container .bg {
    background-color: #e6eaeb;
    height: 110px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.photos-grid .photo .container .bg img, .info-photos-grid .photo .container .bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.photos-grid .photo .container .bg i, .info-photos-grid .photo .container .bg i {
    position: absolute;
    font-size: 36px;
    color: #ffffffc4;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.biutesting-row {
    padding: 0 15px;
    background-color: white;
    padding-bottom: 20px;
}

.biutesting-row-banner {
    background-color: transparent;
    padding: 0px 0px 7px 0px;
}

.biutesting-row a {
    
}

.biutesting-row a .container {
    display: flex;
    background-color: #fbfbfb;
    border-radius: 10px;
    border: 1px solid #D5D9D9;
    overflow: hidden;
}

.biutesting-row-banner a .container {
    background-color: white;
    border-radius: 0;
    border: none;
    padding-left: 0;
}

.biutesting-row a .container img {
    width: 100px;
}

.biutesting-row a .container .info {
    padding: 15px;
}

.biutesting-row a .container .info .title {
    font-weight: 900;
    display: block;
    color: #432985;
    margin-bottom: 0px;
    font-size: 14px;
}

.biutesting-row a .container .info .name {
    display: block;
    font-weight: 900;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

.biutesting-row a .container .info .description {
    
}

.biutesting-row a .container .info .btn {
    font-size: 14px;
    display: block;
}

.items-container {
    background-color: white;
    display: block;
    min-height: 250px;
    padding: 15px;
}

.items-container-carousel {
    padding: 0;
}

.items-box {
    display: flex;
    width: 100%;    
}

.items-container .items-col-lg  {
    flex-wrap: wrap;
}

.items-container .items-col-lg .item {
    width: 50%;
}

.items-container .items-col-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.items-container .items-col-carousel .item {
    width: 153px;
    margin-right: 10px;
}

.items-container .items-col-carousel .more {
    border-radius: 15px;
    overflow: hidden;
    width: 121px;
    height: 268px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #ff9e9e;
    cursor: pointer;
}

.items-container .items-col-carousel .more-transparent {
    width: 121px;
    height: 268px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    cursor: pointer;
}

.items-container .items-col-carousel .more span {
    color: #ff9e9e;
    margin-top: 105px;
    display: block;
}

.items-container .items-col-carousel .more i {
    color: #ff9e9e;
    font-size: 22px;
    margin-top: 10px;
}

.items-container .items-box .item  {
    padding-bottom: 30px;
}

.items-container .items-box .item:nth-child(2n+1) > .container {
    padding-right: 7px;
}

.items-container .items-box .item:nth-child(2n+2) > .container {
    padding-left: 7px;
}

.items-container .items-col-carousel .item:nth-child(2n+1) > .container,
.items-container .items-col-carousel .item:nth-child(2n+2) > .container {
    padding: 0;
}

.items-container .items-box .item .image {
    background-color: #f6f6f6;
    border-radius: 10px;
    margin-bottom: 5px;
    background-image: url("<%= asset_path 'icons/product-placeholder.png' %>");
    background-size: cover;
    background-position: center;
    margin: auto;
    border-radius: 10px;
    position: relative;
    display: none;
}

.items-container .items-box .item .image img {
    border-radius: 10px;
    object-fit: cover;
}

.items-container .items-box .item .image-versions .image {
    display: none;
}

.items-container .items-box .item .image-versions > .active {
    display: block;
}

.items-container .items-box .item .image .collection-menu {
    position: absolute;
    top: 5px;
    right: 5px;
}

.items-container .items-box .item .image .menu-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.items-container .items-box .item .image .menu-btn i {
    color: #d3cdd5cc;
    font-size: 18px;
    -webkit-text-stroke: 2px white;
}

.items-container .items-box .item .image .remove {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.items-container .items-box .item .image .remove .remove-btn {
    border: 1px solid #ff9d9e;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.items-container .items-box .item .image .remove .remove-btn i {
    color: #ff9e9f;
}


.items-container .items-box .item .image .discount-bubble {
    padding: 7px;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.items-container .items-box .item .image .discount-bubble .discount {
    font-weight: 900;
    color: white;
}

.items-container .items-box .item .image .discount-bubble .min-order {
    font-weight: 400;
    color: white;
    font-size: 13px;
    font-style: italic;
    margin-left: 5px;
}

.items-container .items-box .item .image .discount-bubble-shipping {
    padding: 7px 12px;
    background: linear-gradient(111deg, #467f46 0%, #8ede8e 100%);
    position: absolute;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -8px;
    display: flex;
    flex-direction: column;
}

.items-container .items-box .item .image .discount-bubble-shipping .discount {
    font-weight: 900;
    color: white;
}

.items-container .items-box .item .image .discount-bubble-shipping .min-order {
    font-weight: 400;
    color: white;
    font-size: 13px;
    font-style: italic;
}

.items-container .items-box .item .image .discount-bubble-stacked {
    margin-top: 55px;
}

.items-container .items-box .item .image {
    width: 100%;
    object-fit: cover;
    border: 1px solid #f0eef3;
    border-radius: 10px;
}

.items-container .items-box .item .product-placeholder {
    width: 100%;
    border-radius: 10px;
}

.items-container .items-box .item .info {
    margin-top: 10px;
}


.items-container .items-box .item .brand {
    color: #6D6D6D;
    display: block;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
}

.items-container .items-box .item .name {
    color: #6D6D6D;
    font-size: 16px;
    display: block;
    line-height: 18px;
    font-weight: 200;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.items-container .items-box .item .product-reviews {
    display: flex;
    margin-top: 5px;
}

.items-container .items-box .item .product-reviews .product-star {
    padding: 0;
    float: left;
    z-index: 0;
}

.items-container .items-box .item .product-reviews .score {
    color: #A3A3A3;
    font-size: 14px;
    font-weight: 900;
    margin-left: 3px;
}

.items-container .items-box .item .product-reviews .score-base {
    color: #A3A3A3;
    font-size: 13px;
    margin-top: 1px;
    margin-left: 5px;
}

.items-container .items-box .item .products {
    color: #A3A3A3;
    font-size: 14px;
    margin-top: 1px;
}


.items-container .items-box .item .not-available {
    font-size: 12px;
    font-weight: 500;
    color: #b4afbd;
    background-color: #f0eef3;
    padding: 3px 7px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 8px;
}

.items-container .items-box .item .versions {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}

.items-container .items-box .item .versions .version {
    background-color: #ffffff;
    border: 1px solid #c2c0c3;
    padding: 1px 10px;
    border-radius: 10px;
    color: #707070;
    font-size: 12px;
    margin: 0 3px 5px 0;
    cursor: pointer;
}

.items-container .items-box .item .versions .version:hover {
    background-color: #f3f3f3;
}

.items-container .items-box .item .versions .active {
    border: 1px solid #ff9d9e;
    background-color: #ff9e9e;
    color: white;
}

.items-container .items-box .item .versions .active:hover {
    background-color: #ff9e9e;
}

.items-container .items-box .item .info-versions {

}

.items-container .items-box .item .info-versions .info-version {
    display: none;
}

.items-container .items-box .item .info-versions > .active {
    display: block;
}

.items-container .items-box .item .add-to-cart {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid white;
    margin-top: 10px;
    align-items: center;
    min-height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
}

.items-container .items-col-carousel .item .add-to-cart {
    padding: 0 10px;
}

.items-container .items-box .item .add-to-cart:hover {
    background: linear-gradient(111deg, #2d1974 0%, #a459c8 100%);
}

.items-container .items-box .item .add-to-cart .left {

}

.items-container .items-box .item .add-to-cart .left .mobile {
    font-size: 14px;
    color: white;
    font-weight: 500;    
}

.items-container .items-col-carousel .item .add-to-cart .left .mobile {
    margin-left: -1px;
}

.items-container .items-box .item .add-to-cart .left i {
    font-size: 12px;
    color: white;
}

.items-container .items-box .item .add-to-cart .left .desktop {
    display: none;
}

.items-container .items-box .item .add-to-cart .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.items-container .items-box .item .add-to-cart .right .final {
    font-size: 13px;
    font-weight: 900;
    display: block;
    color: white;
}

.items-container .items-box .item .add-to-cart .right .discount {
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #e9ccfc;
}

.items-container .items-box .item .out-of-stock {
    border: 1px solid #e1dfe5;
    background: #fcfbfd;
    cursor: initial;
}

.items-container .items-box .item .out-of-stock:hover {
    background: #fcfbfd;
}

.items-container .items-box .item .out-of-stock .left {
    font-size: 14px;
}

.items-container .items-box .item .out-of-stock .left,
.items-container .items-box .item .out-of-stock .left i,
.items-container .items-box .item .out-of-stock .right .final {
    color: #c2bbcd;
}

.items-container .items-box .item .out-of-stock .right .discount {
    color: #c6c6c6;
}

.error-page {

}

.error-page .giphy-container {
    width:100%;
    height:0;
    padding-bottom: 57%;
    position:relative;    
    margin-bottom: 30px !important;
}

.error-page .giphy-container iframe {
    position: absolute; 
    width: 100%;
    height: 100%;    
}

.error-page .body {
    text-align: center;
    padding: 15px 60px 100px 60px;
}

.error-page .body .title {
    font-size: 28px;
    font-weight: 900;
    color: #988b9e;
    display: block;
    margin-bottom: 15px;
}

.error-page .body .subtitle {
    color: #988b9e;
    display: block;
    margin-bottom: 35px;
}

.error-page .body .wide-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    color: white;
}

.sellers .info-sellers .seller-price {
    padding: 15px 15px 15px 15px;
    background-color: #F8F8F8;
    border: 1px solid #D5D9D9;
    border-radius: 10px;
    margin: 0 15px 25px 15px;
    position: relative;
}

.bottom-menu-modal .sellers .info-sellers .seller-price {
    margin: 15px 0px 15px 0px;
    padding-bottom: 0;
}

.bottom-menu-modal .sellers .info-sellers {
    /*height: 305px;
    overflow-y: scroll;
    padding-bottom: 50px;*/
}

.bottom-menu-modal .sellers .info-sellers .seller-price > .header .left .price-col .initial .title {
    margin-top: 0;
    margin-bottom: 0;
}

.sellers .info-sellers .seller-price > .header {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.bottom-menu-modal .sellers .info-sellers .seller-price > .header {
    padding-bottom: 10px;
}

.sellers .info-sellers .seller-price > .header .row .left {
    display: flex;
}

.sellers .info-sellers .seller-price > .header .right {
    
}

.sellers .info-sellers .seller-price > .header .right .promo-btn {
    background-color: #FFC008;
    padding: 5px 10px;
    color: #575959;
    font-size: 13px;
    border-radius: 20px;
    font-weight: 500;
}

.sellers .info-sellers .seller-price > .header .right .promo-btn i {
    color: #575959;
    font-size: 10px;
}

.sellers .info-sellers .seller-price > .header {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
}

.sellers .info-sellers .seller-price > .header .row {
    display: flex;
    justify-content: space-between;
}

.sellers .info-sellers .seller-price > .header .row-savings {
    border-top: 1px solid #DBDBDB;
    margin-top: 7px;
    padding-top: 10px;
    margin-bottom: -7px;
}

.sellers .info-sellers .seller-price > .header .left {
    display: flex;
    flex-direction: column;
}

.sellers .info-sellers .seller-price > .header .left .price-col {
    display: flex;
    flex-direction: column;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price {
    display: flex;
    margin-top: 8px;
}

.bottom-menu-modal .sellers .info-sellers .seller-price > .header .left .price-col .price {
    margin-top: 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col-initial .price {
    margin-top: 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial {
    margin-bottom: 2px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .title {
    width: 45px;
    display: block;
    margin-top: 3px;
    margin-right: 6px;
    text-align: right;
}

.sellers .info-sellers .seller-price > .header-sm .left .price-col .price .title {
    width: 40px;
}

.sellers .info-sellers .seller-price > .header-sm .left .price-col-initial .initial .title,
.sellers .info-sellers .seller-price > .header-sm .left .price-col-initial .current .title,
.sellers .info-sellers .seller-price > .header-sm .left .price-col-initial .savings .title {
    width: 50px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .title {
    margin-top: 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .title span,
.sellers .info-sellers .seller-price > .header .left .price-col .savings .title span {
    color: #575959;
    font-weight: 500;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .container {
    position: relative;
    display: flex;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .title span,
.sellers .info-sellers .seller-price > .header .left .price-col .savings .title span {
    font-size: 13px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .title span {
    color: #575959;
    font-weight: 500;    
    font-size: 13px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .currency {
    width: 8px;
    text-align: right;
    margin-top: 2px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .currency {
    margin-top: 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .currency span {
    color: #E34261;
    font-size: 14px;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .savings .currency span {
    color: #7d7d7d;
    font-size: 14px;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .currency span {
    color: #939393;
    font-size: 12px;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .amount {
    width: 45px;
    text-align: right;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .amount-1k {
    width: 60px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .amount span {
    color: #E34261;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .savings .amount span {
    color: #7d7d7d;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .amount span {
    color: #939393;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .cents {
    width: 15px;
    margin-left: 2px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .cents span {
    color: #E34261;
    font-size: 14px;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .savings .cents span {
    color: #7d7d7d;
    font-size: 14px;
    margin: 0 0 0 0;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .cents span {
    color: #939393;
    font-size: 11px;
    margin: 2px 0 0 0;
    display: block;
}

.sellers .info-sellers .seller-price > .header .left .price-col .price .percent {
    margin: 3px 0 0 8px;
}

.sellers .info-sellers .seller-price > .header .left .price-col .current .percent span {
    color: #E34261;
    font-size: 14px;
    font-weight: 500;
}

.sellers .info-sellers .seller-price > .header .left .price-col .savings .percent span {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 500;
}

.sellers .info-sellers .seller-price > .header .left .price-col .initial .container .cross {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #838989;
    top: 9px;
    padding: 0px;
}

.sellers .info-sellers .seller-price > .header .promo-btn-container {
    margin-top: 10px;
    text-align: center;
}

.sellers .info-sellers .seller-price > .header .row-savings .promo-btn-container {
    margin-top: 0;
}

.sellers .info-sellers .seller-price > .header .promo-btn-container .promo-btn {
    background-color: #FFF0C4;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid #D9B036;
    color: #7B6011;
    cursor: pointer;
}

.sellers .info-sellers .seller-price > .header .promo-btn-container .promo-btn i {
    color: #7B6011;
    font-size: 11px;
}

.sellers .info-sellers .seller-price > .header .promo-btn-container .promo-btn:hover {
    background-color: #ffeaaf;
}

.sellers .info-sellers .seller-price > .header .right .btn-color {
    display: inline-block;
    margin: auto;
    padding: 10px 15px;
    border-radius: 20px;
    cursor: pointer;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 500;
    color: white;
}

.sellers .info-sellers .seller-price > .header .right .btn-color:hover {
    background: linear-gradient(111deg, #2d1974 0%, #ad71c9 100%);
}

.sellers .info-sellers .seller-price .availability {
    padding: 15px 0 0 0;
    display: flex;
}

.bottom-menu-modal .sellers .info-sellers .seller-price .availability {
    padding: 7px 0 0 0;
}

.sellers .info-sellers .seller-price .availability div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 1px 0 0 5px;
}

.sellers .info-sellers .seller-price .availability span {
    font-size: 14px;
    font-weight: 500;
}

.sellers .info-sellers .seller-price .available div {
    background-color: #329D32;
}

.sellers .info-sellers .seller-price .available span {
    color: #007000;
}

.sellers .info-sellers .seller-price .not-available div {
    background-color: red;
}

.sellers .info-sellers .seller-price .not-available span {
    color: red;
}

.sellers .info-sellers .seller-price .promos {
    display: none;
}

.sellers .info-sellers .seller-price .body {
    
}

.sellers .info-sellers .seller-price .body > .info {
    margin-top: 20px;
}

.sellers .info-sellers .seller-price .body .info .row {
    margin-bottom: 20px;
    display: flex;
}

.sellers .info-sellers .seller-price .body .info .row-attention {
    background-color: #FFECB5;
    margin: -10px -15px 12px -15px;
    padding: 15px;
}

.sellers .info-sellers .seller-price .body .cart-info .promo {
    margin: 0;
    display: none;
}

.sellers .info-sellers .seller-price .body .info .hidden-row {
    display: none;
}

.sellers .info-sellers .seller-price .body .info .more-details-row {
    margin-bottom: 0;
}

.sellers .info-sellers .seller-price .body .info .row .icon {
    width: 45px;
}

.sellers .info-sellers .seller-price .body .cart-info .info .row .icon {
    width: 45px;
    text-align: center;
}

.sellers .info-sellers .seller-price .body .info .row .icon .biucredits {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(111deg, #272727 44%, #cccccc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sellers .info-sellers .seller-price .body .info .row .icon .biucredits span {
    color: white;
    font-size: 14px;
    font-weight: 900;
}

.sellers .info-sellers .seller-price .body .info .row .right .text .biucredits-badge {
    background: linear-gradient(111deg, #272727 66%, #707070 100%);
    border-radius: 4px;
    padding: 1px 5px;
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.sellers .info-sellers .seller-price .body .info .row-attention .icon i {
    color: #776485;
}

.sellers .info-sellers .seller-price .body .cart-info .info .row .icon i {
    color: #a192ac;
    font-size: 18px;
    margin: 0 7px 0 0;
}

.sellers .info-sellers .seller-price .body .cart-info .info .active .icon i {
    color: #349135;
}

.sellers .info-sellers .seller-price .body .info .row .icon img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d5d9d9;
}

.sellers .info-sellers .seller-price .body .info .row .icon .fa-truck {
    font-size: 19px;
    margin: 2px 0 0 4px;
    color: #776485;
}

.sellers .info-sellers .seller-price .body .info .row .icon .fa-cube {
    font-size: 20px;
    margin: 0px 0 0 4px;
}

.sellers .info-sellers .seller-price .body .info .row .icon .fa-map-marker-alt {
    font-size: 22px;
    margin: 0 0 0 8px;
}

.sellers .info-sellers .seller-price .body .info .row .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.sellers .info-sellers .seller-price .body .info .row .right .text {
    color: #575959;
    font-weight: 500;
}

.sellers .info-sellers .seller-price .body .cart-info .info .active .right .text {
    color: #007000;
}

.sellers .info-sellers .seller-price .body .info .row .right .strong {
    color: #472B88;
    font-weight: 900;
}

.sellers .info-sellers .seller-price .body .info .row .right .attention {
    color: #e44160;
    font-weight: 900;
}

.sellers .info-sellers .seller-price .body .cart-info .info .active .right .strong {
    color: #007000;
}

.sellers .info-sellers .seller-price .body .cart-info .info .row .right .promo-btn {
    background-color: #FFF0C4;
    padding: 2px 12px;
    font-size: 11px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid #D9B036;
    color: #7B6011;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
}

.sellers .info-sellers .seller-price .body .cart-info .info .row .right .promo-btn i {
    color: #7B6011;
    font-size: 11px;
}

.sellers .info-sellers .seller-price .body .cart-info .info .row .right .promo-btn:hover {
    background-color: #ffeaaf;
}

.sellers .info-sellers .seller-price .body .info .row .right .promo-btn-white {
    background-color: white;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid white;
    color: #472B88;
    margin-top: 10px;
    cursor: pointer;
}

.sellers .info-sellers .seller-price .body .info .row .right .promo-btn-white i {
    color: #472B88;
    font-size: 12px;
}

.sellers .info-sellers .seller-price .body .info .row .right .link {
    font-size: 14px;
    color: #472B88;
    font-weight: 400;
    margin-top: 2px;
    cursor: pointer;
}

.sellers .info-sellers .seller-price .body .info .row .right .link i {
    font-size: 11px;
    color: #472B88;
}

.sellers .info-sellers .seller-price .body .hidden-seller-info {
    display: none;
}

.sellers .info-sellers .seller-price .body .quantity {
    margin-bottom: 20px;
}

.sellers .info-sellers .seller-price .body .cart-info {
    margin-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0 15px 0;
    border-top: 1px solid #dbdbdb;
    margin-top: 15px;
}

.sellers .info-sellers .seller-price .body .cart-info .chart {
    
}

.sellers .info-sellers .seller-price .body .cart-info .chart .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sellers .info-sellers .seller-price .body .cart-info .chart .header .left {
    margin-top: -2px;
}

.sellers .info-sellers .seller-price .body .cart-info .chart .header .left i {
    color: #467F46;
    font-size: 14px;
}

.sellers .info-sellers .seller-price .body .cart-info .chart .header .left span {
    color: #007000;
    font-weight: 900;
}

.sellers .info-sellers .seller-price .body .cart-info .bar {
    position: relative;
    width: 100%;
    height: 10px;
}

.sellers .info-sellers .seller-price .body .cart-info .show-info {
    height: 35px;
}

.sellers .info-sellers .seller-price .body .cart-info .no-milestones {
    height: 10px;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .bg {
    height: 8px;
    width: 100%;
    background-color: #dddddd;
    border-radius: 10px;
    position: absolute;
    top: 0;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .fill {
    height: 8px;
    background: rgb(72,126,72);
    background: linear-gradient(90deg, rgba(72,126,72,1) 0%, rgba(29,181,29,1) 100%);
    border-radius: 10px;    
    position: absolute;
    top: 0;    
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone {
    position: absolute;
    top: -4px;
    display: flex;
    flex-direction: column;
    width: 60px;
    height: 16px;
}

.sellers .info-sellers .seller-price .body .cart-info .show-info .milestone {
    height: 40px;
}

.sellers .info-sellers .seller-price .body .cart-info .show-info .milestone-hidden-labels {
    height: 17px;
}

.sellers .info-sellers .seller-price .body .cart-info .milestone-hidden-labels .pipe,
.sellers .info-sellers .seller-price .body .cart-info .milestone-hidden-labels .text {
    display:  none !important;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .right {
    position: absolute;
    top: -4px;
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 40px;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #dddddd;
    text-align: center;
    display: flex;
    position: absolute;
    left: 22px;
    top: -1px;
    align-items: center;
    justify-content: center;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .right .circle {
    right: 0px;
    left: initial;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .completed .circle {
    background-color: #379437;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .warning .circle {
    background-color: #ff9800;
}

.sellers .info-sellers .seller-price .body .cart-info .info .warning .icon i {
    color: #ff9800;
}



.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .circle i {
    color: white;
    font-size: 12px;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .pipe {
    background-color: #B2AFAF;
    height: 10px;
    width: 1px;
    left: 30px;
    position: absolute;
    top: 16px;
    display: none;
}

.sellers .info-sellers .seller-price .body .cart-info .show-info .milestone .pipe {
    display: block;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .right .pipe {
    left: initial;
    right: 8px;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .completed .pipe {
    background-color: #007000;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .text {
    position: absolute;
    top: 22px;
    width: 60px;
    text-align: center;
    display: none;
}

.sellers .info-sellers .seller-price .body .cart-info .show-info .milestone .text {
    display: block;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .right .text {
    width: 65px;
    text-align: right;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .text span {
    color: #888783;
    font-size: 12px;
    font-weight: 500;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .text span i {
    color: #888783;
    font-size: 11px;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .completed .text span,
.sellers .info-sellers .seller-price .body .cart-info .bar .completed .text span i {
    color: #007000;
}

.sellers .info-sellers .seller-price .body .cart-info .bar .milestone .right {

}

.sellers .info-sellers .seller-price .body .cart-info .chart > .info {
    padding: 20px 0 0px 0;
    display: none;
    margin-bottom: 0;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container {
    margin-top: 10px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-preview {
    font-size: 14px;
    color: #007000;
    display: block;
    margin-bottom: 10px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-preview strong {
    font-weight: 500;
    color: #007000;
    font-size: 14px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning {
    background-color: #fef1c4;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #d9b035;
    display: flex;
    align-items: center;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning .icon-col {
    width: 25px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning .icon-col .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ff9800;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning .icon-col .circle i {
    color: white;
    font-size: 12px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning span {
    color: #7c6010;
    font-size: 14px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-warning span strong {
    font-weight: 500;
    color: #7c6010;
    font-size: 14px;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-btn {
    font-size: 14px;
    border-radius: 20px;
    color: #472a88;
    cursor: pointer;
}

.sellers .info-sellers .seller-price .body .cart-info .btn-container .cart-info-btn i {
    color: #472a88;
    font-size: 11px;
}

.sellers .info-sellers .seller-price .body .add .wide-btn-blue {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    color: white;
}

.sellers .info-sellers .seller-price .body .add .wide-btn-gray {
    background: linear-gradient(111deg, #bbbbbb 0%, #dcdcdc 100%);
    border: none;
    font-weight: 900;
    color: white;
    cursor: initial;
}

.sellers .info-sellers .seller-price .body .add .wide-btn-blue:hover {
    background: linear-gradient(111deg, #2d1974 0%, #ad71c9 100%);
}

.sellers .info-sellers .seller-price .body .footer {
    margin-top: 15px;
}

.sellers .info-sellers .seller-price .body .footer .text {
    font-size: 14px;
    color: #A2A2A2;
    display: block;
}

.sellers .info-sellers .seller-price .body .footer .link {
    font-size: 14px;
    color: #472B88;
    cursor: pointer;
}

.sellers .info-sellers .updating {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffffd4;
    overflow-y: scroll;
    display: none; 
    z-index: 33;
    border-radius: 12px;
    bottom: 0;
}

.sellers .info-sellers .updating .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.sellers .info-sellers .updating .container .lds-ellipsis-container {
    text-align: center;
    padding-top: 0;
    margin-top: -140px;
}

.live-raffle-panel {
    padding: 160px 30px 80px 30px;
    background-color: white;
    margin-bottom: 7px;
    background: linear-gradient(181deg, #f0eef3 0%, #c8e6fe 50%, #c8e6fe 100%);
    height: 100vh;
}

.live-raffle-panel .info {
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
}

.live-raffle-panel .info .left {
    margin-bottom: 30px;
}

.live-raffle-panel .info .left img {
    width: 150px;
}

.live-raffle-panel .info .right {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: center;
}

.live-raffle-panel .info .right .title {
    font-size: 22px;
    font-weight: 900;
    color: #422985;
    line-height: 22px;
    margin-bottom: 10px;
}

.live-raffle-panel .info .right .subtitle {
    color: #422985;
    text-align: center;
}

.live-raffle-panel .btns {

}

.live-raffle-panel .btns .live {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    font-weight: 500;
    color: #d90e5f;
    background-color: transparent;
    border: 1px solid #d90e5f;
    margin-bottom: 15px;
}

.live-raffle-panel .btns .participate {
    color: white;
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
}

.live-raffle-panel .btns .participating {
    color: #008001;
    font-weight: 900;
    display: block;
    text-align: center;
    padding: 14px 0;
    border-radius: 10px;
    background-color: #dbffdc;
}

.live-raffle-panel .btns .participating i {
    color: #008001;
    font-size: 14px;
}

.ad-padding {
    padding: 15px;
}

.ad-image {
    width: 100%;
}

.ad-margin-bottom {
    margin-bottom: 15px;
}

.ad-banner-text {
    padding-bottom: 5px;
    position: relative;
    display: flex;
    height: 20px;
    justify-content: center;
}

.ad-banner-text hr {
    position: absolute;
    top: 9px;
    width: 100%;
    border-top: 1px solid #ff9e9f;
    border-bottom: none;
}

.ad-banner-text span {
    background-color: white;
    padding: 0 8px;
    position: absolute;
    font-size: 14px;
    color: #ff9e9f;
    font-weight: 900;
}

@media (min-width: 320px) {

    .feed .post .body .article a img, .article .image > img { height: 252px; }
    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image { height: 138px; width: 138px; }
    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical { height: 179px; width: 138px; }

    .items-container .items-col-carousel .item .image img, 
    .items-container .items-col-carousel .item .image { height: 150px; width: 150px; }
    .items-container .items-col-carousel .item .image-vertical img, 
    .items-container .items-col-carousel .item .image-vertical { height: 195px; width: 150px; }
    .hero .carousel .card { height: 280px; }
    .wide-banner { height: 61px; }

}

@media (min-width: 360px) {

    .interactions > .container > .row > .container > .vote .thumbs-box-left { width: 35px; }
    .interactions > .container > .row > .container > .vote .thumbs-box-right { width: 35px; }

    .feed .post .body .article a img, .article .image > img { height: 287px; }

    .interactions > .container > .row { padding: 0 ; }

    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image { height: 158px; width: 158px; }
    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical { height: 205px; width: 158px; }

    .interactions > .container > .row > .container > .post-comment-feed .post-comment-feed-btn,
    .interactions > .container > .row > .container > .post-comment-feed .post-comment-feed { padding: 6px 10px; }
    .interactions > .container > .row > .container > .share .share-btn { padding: 6px 4px; }

    .what-to-do .carousel { height: 270px; }
    .what-to-do .carousel .card {width: 325px;height: 270px;}
    .what-to-do .carousel .card .container .img {height: 128px;width: 315px;}

    .user-milestones .carousel { height: 246px; }
    .user-milestones .carousel .card {width: 325px;height: 246px;}
    .user-milestones .carousel .card .container .img {height: 127px;width: 315px;}

    .hero { min-height: 530px; }
    .hero .menu-cards-container { top: 400px; }
    .hero .carousel .card { height: 315px; }
    .wide-banner { height: 69px; }
    .flickity-prev-next-button { top: 115px; }

}

@media (min-width: 375px) {

    .feed .post .body .article a img, .article .image > img { height: 300px; }

    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image { height: 166px; width: 166px; }
    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical { height: 215px; width: 166px; }

    .section-title .title { font-size: 22px; }
    .section-title .title .special { font-size: 22px; }
    .section-title .icon-box i { font-size: 20px; }
    .section-title .subtitle { font-size: 13px; }

    .related-card-container { height: 243px; }
    .article-card-container { height: 368px; }
    .giveaway-card-container { height: 445px; }
    .complete-account-carousel { height: 370px; }
    .complete-account-carousel-signed-out { height: 320px; }

    .related-card-container .card { width: 215px; height: 240px; }
    .article-card-container .article-sm-card { width: 215px; height: 365px; }
    .giveaway-card-container .giveaway-sm-card { width: 215px; height: 440px; }
    .complete-account-carousel .action { width: 215px; height: initial; }

    .biustore-brand-cards { height: 283px; }
    .biustore-brand-cards .card { height: 280px; }

    .related-card-container .card .about-img { height: 134px; }
    .article-card-container .article-sm-card .image { height: 187px; }
    .giveaway-card-container .giveaway-sm-card .image { height: 215px; }
    .complete-account-carousel .action .image { height: 215px; width: 215px; }
    .complete-account-carousel .action .info { width: 200px; }
    .complete-account-carousel .action .info .title { font-size: 19px; }

    .related-card-container .card .profile-img { top: 65px; }

    .article-card-container .article-sm-card .box { height: 144px; }
    .giveaway-card-container .giveaway-sm-card .box { height: 190px; }

    .giveaway-card-container .giveaway-sm-card .box .title { font-size: 19px; line-height: 20px; }

    .related-card-container .card-more { height: 210px; }
    .article-card-container .article-sm-card-more { height: 331px; }
    .article-card-container .article-sm-card-more .article-more-txt { margin-top: 160px; }
    .giveaway-card-container .giveaway-sm-card-more { height: 410px; }
    .giveaway-card-container .giveaway-sm-card-more .giveaway-more-txt { margin-top: 190px; }

    .biustore-brand-cards .card-more {height: 250px;}

    .related-card-container .card .bg > .description { font-size: 13px; }

    .post .header, .post-promo-exclusive .header { height: 45px; }

    .post > .product { height: 50px; }

    .post .header .user .profile, .post .header .brand .profile, .post .header .store .profile, .post .header .community .profile, .post-promo-exclusive .header .brand .profile, .post-promo-exclusive .header .store .profile, .post .user-header .user .user-profile-container { width: 34px; height: 34px; margin-top: 2px; }
    .post .user-header .user .user-profile-container .badge { left: 33px; }
    .post .header .community .profile-follow { left: 36px; top: 36px; }

    .post .header .user .info .top, .post .header .brand .info .top, .post .header .store .info .top, .post .header .community .info .top, .post-promo-exclusive .header .brand .info .top, .post-promo-exclusive .header .store .info .top { height: 18px; }

    .post .header .product .info .top { height: 31px; }

    .post .header .community .info .top .name { font-size: 16px; }

    .post .header .user .info .time, .post .header .brand .info .time, .post .header .store .info .time, .post .header .community .info .time, .post .header .community .info .user-owner, .post-promo-exclusive .header .brand .info .time, .post-promo-exclusive .header .store .info .time, .post .header .user .info .top .user-name, .post .header .community .info .user-owner-promoted, .post .user-header .user .info .top .time, .post .user-header .user .info .bottom, .post .user-header .user .info .bottom .user-skin-type, .post .user-header .user .info .bottom .user-dob, .post .header .community .info .user-owner .user-skin-type, .post .header .community .info .user-owner .user-dob { font-size: 14px; }

    .interactions > .container > .row > .container > .vote .thumbs-box-left > .fa-thumbs-up,
    .interactions > .container > .row > .container > .vote .thumbs-box-right > .fa-thumbs-down,
    .interactions > .container > .row > .container > .post-comment-feed i,
    .interactions > .container > .row > .container > .post-comment-btn i,
    .interactions > .container > .row > .container > .share i
    { font-size: 17px; }

    .interactions > .container > .row > .container > .vote span,
    .interactions > .container > .row > .container > .post-comment-feed .comment-count,
    .interactions > .container > .row > .container > .post-comment-btn .comment-count,
    .interactions > .container > .row > .container > .share span
    { font-size: 16px; }

    .biutienda-header { top: 109px; }

    .biutienda-banners-carousel .banner { width: 326px; height: 124px; }

    .biutienda-banners-carousel .container { height: 124px; }

    .what-to-do .carousel { height: 280px; }
    .what-to-do .carousel .card {width: 340px;height: 280px;}
    .what-to-do .carousel .card .container .img {height: 134px;width: 330px;}

    .what-to-do .carousel .card .container .text .title { font-size: 20px; line-height: 22px; }

    .user-milestones .carousel { height: 255px; }
    .user-milestones .carousel .card {width: 340px;height: 255px;}
    .user-milestones .carousel .card .container .img {height: 134px;width: 330px;}

    .user-milestones .carousel .card .container .text .title { font-size: 20px; line-height: 22px; }

    .image-wide {height: 140px;}

    .new-content-modal > .container > .bg { max-width: 320px; }

    .hero { min-height: 520px; }
    .hero .menu-cards-container { top: 390px; }
    .hero .carousel .card { height: 328px; }
    .wide-banner { height: 72px; }
    .flickity-prev-next-button { top: 120px; }

}

@media (min-width: 412px) {

    .feed .post .body .article a img, .article .image > img { height: 332px; }

    .interactions > .container > .row { padding: 0 5px; }

    .related-card-container { height: 250px; }
    .article-card-container { height: 383px; }
    .giveaway-card-container { height: 445px; }
    .complete-account-carousel { height: 370px; }
    .complete-account-carousel-signed-out { height: 320px; }

    .related-card-container .card { width: 230px; height: 245px; }
    .article-card-container .article-sm-card { width: 230px; height: 380px; }
    .giveaway-card-container .giveaway-sm-card { width: 230px; height: 440px; }
    .complete-account-carousel .action { width: 230px; height: initial; }

    .related-card-container .card .about-img { height: 143px; }
    .article-card-container .article-sm-card .image { height: 200px; }
    .giveaway-card-container .giveaway-sm-card .image { height: 230px; }
    .complete-account-carousel .action .image { height: 230px; width: 230px; }

    .related-card-container .card .profile-img { top: 73px;width: 80px;height: 80px; }

    .article-card-container .article-sm-card .box { height: 146px; }
    .giveaway-card-container .giveaway-sm-card .box { height: 175px; }

    .related-card-container .card-more { height: 215px; }
    .article-card-container .article-sm-card-more { height: 350px; }
    .article-card-container .article-sm-card-more .article-more-txt { margin-top: 160px; }
    .giveaway-card-container .giveaway-sm-card-more { height: 410px; }
    .giveaway-card-container .giveaway-sm-card-more .giveaway-more-txt { margin-top: 195px; }

    .section-title .title { font-size: 23px; }
    .section-title .title .special { font-size: 23px; }
    .section-title .icon-box i { font-size: 21px; }
    .section-title .subtitle { font-size: 14px; }

    .post .header, .post-promo-exclusive .header { height: 47px; }

    .post > .product { height: 52px; }

    .post .header .user .profile, .post .header .brand .profile, .post .header .store .profile, .post .header .community .profile, .post-promo-exclusive .header .brand .profile, .post-promo-exclusive .header .store .profile, .post .user-header .user .user-profile-container { width: 35px; height: 35px; }
    .post .user-header .user .user-profile-container .badge { left: 35px; }
    .post .header .community .profile-follow { left: 38px; top: 38px; }

    .related-card-container .card-more span { margin-top: 80px; }

    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image { height: 184px; width: 184px; }
    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical { height: 239px; width: 184px; }

    .biutienda-header-bg { height: 170px; }
    .biutienda-header { top: 120px; }

    .biutienda-banners-carousel .banner { width: 360px; height: 137px; }

    .biutienda-banners-carousel .container { height: 137px; }

    .what-to-do .carousel { height: 310px; }
    .what-to-do .carousel .card {width: 380px;height: 305px;}
    .what-to-do .carousel .card .container .img {height: 148px;width: 370px;}

    .what-to-do .carousel .card .container .text .title { font-size: 22px; line-height: 24px; }
    .what-to-do .carousel .card .container .text .subtitle { font-size: 16px; line-height: 18px; }

    .user-milestones .carousel { height: 275px; }
    .user-milestones .carousel .card {width: 380px;height: 275px;}
    .user-milestones .carousel .card .container .img {height: 148px;width: 370px;}

    .user-milestones .carousel .card .container .text .title { font-size: 22px; line-height: 24px; }
    .user-milestones .carousel .card .container .text .subtitle { font-size: 16px; line-height: 18px; }

    .image-wide {height: 155px;}

    .wide-btn, .wide-btn-white { padding: 15px 0; font-size: 17px; }

    .hero { min-height: 540px; }
    .hero .menu-cards-container { top: 410px; }
    .hero .carousel .card { height: 360px; }
    .wide-banner { height: 79px; }
    .flickity-prev-next-button { top: 125px; }

}

@media (min-width: 414px) {

    .feed .post .body .article a img, .article .image > img { height: 334px; }
    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image { height: 184px; width: 184px; }
    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical { height: 239px; width: 184px; }
    .hero { min-height: 540px; }
    .hero .menu-cards-container { top: 410px; }
    .hero .carousel .card { height: 362px; }
    .wide-banner { height: 80px; }
}

@media (min-width: 425px) {
    .hero { min-height: 550px; }
    .hero .menu-cards-container { top: 420px; }
    .hero .carousel .card { height: 372px; }
    .wide-banner { height: 81px; }
    .flickity-prev-next-button { top: 130px; }
}

@media (min-width: 500px) {
    .hero { min-height: 600px; }
    .hero .menu-cards-container { top: 470px; }
    .hero .carousel .card { height: 437px; }
    .wide-banner { height: 96px; }
    .flickity-prev-next-button { top: 155px; }
}

@media (min-width: 680px) {

    body {
        background-color: white;
    }

    .btn-md:hover {
        background-color: #f9f4fe;
    }

    .transparent-btn:hover {
        color: gray;
    }

    .btn-md-active:hover {
        background-color: #ffa3a3;
    }

    .content-modal-btn {
        display: none;
    }

    .post-user .top .user-profile {
        margin-top: 3px;
    }

    .scroll-up-btn {
        transform: initial;
        left: -110px;
        right: 0;
        margin: auto;
        width: 115px;
    }

    .post .header .action .post-bookmark-btn:hover .fa-bookmark-inactive,
    .post .header .action .post-bookmark-btn:hover .fa-bookmark-active {
        color: #ff9f9f;
    }

    .wide-btn:hover {
        background-color: #fff8f8;
    }

    .close-wide-btn:hover {
        background-color: #e3e5e6;
    }

    .interactions > .container > .row { padding: 0 5px; }

    .feed-show .interactions > .container > .row { padding: 0 30px; }

    .interactions > .container > .row > .container > .vote .thumbs-box-left { width: 31px; }
    .interactions > .container > .row > .container > .vote .thumbs-box-right { width: 31px; }

    .interactions > .container > .row > .container > .post-comment-feed,
    .interactions > .container > .row > .container > .post-comment { width: 34%; }
    .interactions > .container > .row > .container > .share { width: 33%; }
    .interactions > .container > .row > .container > .share .share-btn {
        padding: 6px 6px;
    }

    .interactions > .container > .row > .container > .vote .thumbs-box-left > .fa-thumbs-up,
    .interactions > .container > .row > .container > .vote .thumbs-box-right > .fa-thumbs-down,
    .interactions > .container > .row > .container > .post-comment-feed i,
    .interactions > .container > .row > .container > .post-comment-btn i
    { font-size: 16px; }

    .interactions > .container > .row > .container > .share i
    { font-size: 15px; }

    .interactions > .container > .row > .container > .vote span,
    .interactions > .container > .row > .container > .post-comment-feed .comment-count,
    .interactions > .container > .row > .container > .post-comment-btn .comment-count,
    .interactions > .container > .row > .container > .share span
    { font-size: 16px; }

    .root .menu-top .menu-nav > .container .nav-a > .container:hover {
        background-color: #fff5f5;
    }

    .interactions > .container > .row > .container > .vote .thumbs-box-right:hover,
    .interactions > .container > .row > .container > .vote .thumbs-box-left:hover {
        background-color: #fff5f5;
    }

    .interactions > .container > .row > .container > .vote .thumbs-box-left:hover > .fa-thumbs-up,
    .interactions > .container > .row > .container > .vote .thumbs-box-right:hover > .fa-thumbs-down {
        color: #FF9F9F;
    }

    .interactions > .container > .row > .container > .post-comment-feed:hover .post-comment-feed-btn,
    .interactions > .container > .row > .container > .post-comment:hover .post-comment-btn {
        background-color: #fff5f5;
    }

    .interactions > .container > .row > .container > .post-comment-feed:hover .post-comment-feed-btn i,
    .interactions > .container > .row > .container > .post-comment-feed:hover .post-comment-feed-btn .comment-count,
    .interactions > .container > .row > .container > .post-comment:hover .post-comment-btn i,
    .interactions > .container > .row > .container > .post-comment:hover .post-comment-btn .comment-count     {
        color: #FF9F9F;
    }

    .interactions > .container > .row > .container > .share:hover .share-btn {
        background-color: #fff5f5;
    }

    .interactions > .container > .row > .container > .share:hover .share-btn i,
    .interactions > .container > .row > .container > .share:hover .share-btn span {
        color: #FF9F9F;
    }

    .comment .footer .new-comment:hover,
    .comment .footer .new-comment-detached:hover {
        background-color: #fff5f5;
    }

    .comment .footer .new-comment:hover i,
    .comment .footer .new-comment-detached:hover i {
        color: #FF9F9F;
    }

    .wide-btn, .wide-btn-white { padding: 12px 0; font-size: 16px; }

    /* desktop wrapper */

    .root {
        height: 100%;
    }

    .root > .container  {
        min-height: 796px;
        z-index: 0;
        width: 100%;
        margin: auto;
        max-width: 673px;
    }

    .root > .container .menu-column {
        position: relative;
    }

    .root .ribbon-sign-in  {
        position: fixed;
        background: linear-gradient(111deg, #ff6e6e 0%, #ff9e9e 100%);
        width: 100%;
        bottom: 0;
        height: 80px;
        padding: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: block;
    }

    .root .ribbon-biutesting {
        display: block;
        position: initial;
        bottom: initial;
        background: linear-gradient(111deg, #8bc34a 0%, #4caf50 100%);
        height: initial;
        padding: 20px;
        width: initial;
    }

    .root .ribbon-sign-in > .container  {
        z-index: 0;
        width: 100%;
        margin: auto;
        max-width: 673px;
        padding: 0;
    }

    .root .ribbon-sign-in .menu-column-ribbon {

    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 15px;
    }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon {
        float: left;
        height: 70px;
        padding-top: 20px;
    }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon .top {
        display: block;
        font-weight: 900;
        font-size: 18px;
        color: white;
    }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon .bottom {
        display: block;
        color: white;
        cursor: pointer;
    }

    .root .ribbon-sign-in .main-column-ribbon .sidebar-column-ribbon {
        padding: 20px;
        float: left;
    }

    .root .ribbon-sign-in .main-column-ribbon .sidebar-column-ribbon .transparent-btn {
        border: 1px solid white;
        background-color: transparent;
        color: white;
        margin-right: 5px;
    }

    .root .menu-column {

    }

    .root .menu-column > .menu {
        height: 100%;
        top: 0px;
        position: fixed;
        width: 88px;
    }

    .root .menu-column > .menu > .container {
        overflow-y: auto;
        height: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .root .menu-top {

    }

    .root .menu-top .biulogo {
        padding-top: 5px;
        padding-bottom: 15px;
    }

    .root .menu-top .biulogo > .container {

    }

    .root .menu-top .biulogo > .container .biutest-lg {
        display: inline-block;
        padding: 10px 15px;
        border-radius: 20px;
        display: none;
    }

    .root .menu-top .biulogo > .container .biutest-lg:hover {
        background-color: #fff5f5;
    }

    .root .menu-top .biulogo > .container .biutest-lg .biutest-logo {
        width: 135px;
    }

    .root .menu-top .biulogo > .container .biutest-sq {
        display: block;
        overflow: hidden;
        border-radius: 50%;
        height: 75px;
        width: 75px;
        margin: auto;
        margin-left: -6px;
    }

    .root .menu-top .biulogo > .container .biutest-sq .biutest-logo {
        width: 75px;
        height: 75px;
    }

    .root .menu-top .menu-nav {
        width: 100%;
    }

    .root .menu-top .menu-nav > .container {

    }

    .root .menu-top .menu-nav > .container .nav-a {
        display: inline-block;
        width: 70px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container {
        max-width: 100%;
        padding: 12px 0px 11px 0;
        height: 51px;
        border-radius: 20px;
        text-align: center;
        margin-left: -7px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-icon {
        float: initial;
        height: 35px;
        width: 35px;
        text-align: center;
        margin: auto;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-text-col {
        line-height: 12px;
        font-size: 12px;
        font-weight: 700;
        overflow-wrap: break-word;
        min-width: 0px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-text-col .nav-text {
        font-family: inherit;
        overflow-wrap: break-word;
        min-width: 0px;
        font-size: 12px;
        font-weight: 900;
        color: #988b9e;
        font: inherit;
        white-space: inherit;
        font-size: 11px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container:hover .nav-text-col .nav-text,
    .root .menu-top .menu-nav > .container .nav-a > .container:hover .nav-icon i {
        color: #FF9F9F;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-icon i {
        color: #988b9e;
        font-size: 24px;
        margin-top: 4px;
    }

    .root .menu-top .menu-nav > .container .active > .container .nav-icon i {
        color: #FF9F9F;
    }

    .root .menu-top .menu-nav > .container .active .container .nav-text-col > .nav-text {
        color: #FF9F9F !important;
    }

    .root .menu-top .menu-action {
        margin-top: 12px;
        margin-left: 0;
    }

    .root .menu-top .menu-action .action-btn-lg {
        height: 20px;
        cursor: pointer;
        border-radius: 10px;
        display: block;
        text-align: center;
        padding: 13px 0;
        width: 100%;
        background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
        max-width: 200px;
        display: none;
    }

    .root .menu-top .menu-action .action-btn-lg > .container  {
        display: table;
        margin: auto;
    }

    .root .menu-top .menu-action .action-btn-lg > .container i {
        color: white;
        margin: 0px 7px 0 0;
        font-size: 20px;
        float: left;
    }

    .root .menu-top .menu-action .action-btn-lg > .container .text {
        color: white;
        font-weight: 900;
        font-size: 18px;
        float: left;
        margin: -1px 0 0 0;
    }

    .root .menu-top .menu-action .action-btn-lg:hover {
        background: linear-gradient(111deg, #2d1974 0%, #ad71c9 100%);
    }

    .root .menu-top .menu-action .action-btn-sq {
        cursor: pointer;
        margin: auto;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        border: 4px solid white;
        position: relative;
        background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
        box-shadow: 2px 2px 4px #00000038;
    }

    .root .menu-top .menu-action .action-btn-sq i {
        color: white;
        font-size: 24px;
        margin-top: 14px;
    }

    .root .menu-top .menu-action .action-btn-sq:hover {
        background: linear-gradient(111deg, #2d1974 0%, #ad71c9 100%);
    }

    .root .menu-bottom {
        position: absolute;
        bottom: 15px;
        margin-left: -5px;
        left: 0;
        right: 0;
        width: 72px;
        margin: auto;
    }

    .root .menu-bottom > .user-profile {
        cursor: pointer;
        margin: auto;
    }

    .root .menu-bottom > .user-profile > .container {
        align-items: center;
        padding: 12px;
        border-radius: 20px;
    }

    .root .menu-bottom > .user-profile > .container:hover {
        background-color: #fff5f5;
    }

    .root .menu-bottom > .user-profile > .container > .user-profile {
        height: 45px;
        width: 45px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
    }

    .root .menu-bottom > .user-profile > .container > .user-profile .user-profile-img {
        width: 100%;
    }

    .root .menu-bottom > .user-profile > .container .user-info {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container {
        max-width: 100%;
        margin-top: 6px;
        text-align: center;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top .user-info-name {
        font-size: 12px;
        font-weight: 900;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top .brand-name {
        font-family: "Space Mono", sans-serif;
        text-transform: uppercase;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top .brand-name i {
        color: #676767;
        margin-left: 3px;
        display: none;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-bottom {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-bottom span {
        font-size: 11px;
        display: block;
        color: #909090;
    }

    .root .menu-bottom > .user-profile > .container > .user-profile-sign-in {
        border: 3px solid #ff9e9e;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin: auto;
        margin-top: 2px;
        float: left;
        text-align: center;
    }

    .root .menu-bottom > .user-profile > .container > .user-profile-sign-in i {
        font-size: 24px;
        margin: auto;
        margin-top: 10px;
        color: #ff9e9e;
    }

    .root .main-column {
        padding-left: 90px;
    }

    .root .main-column > .container {
        width: 100%;
        min-height: 100%;
    }

    .root .main-column .primary-column {
        width: 100%;
        float: left;
        min-height: 100vh;
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        overflow: hidden;
        background-color: #f0eef3;
        position: relative;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 360px;
    }

    .root .main-column .primary-column .filter-menu > .container > .btn > .text {
        font-size: 15px;
    }

    .giveaway-card-container .btns-nav-scroll .left-btn,
    .giveaway-card-container .btns-nav-scroll .right-btn {
        margin-top: 180px;
    }

    .biutienda-gradient-bg .btns-nav-scroll .left-btn,
    .biutienda-gradient-bg .btns-nav-scroll .right-btn {
        top: 178px;
    }

    .biutienda-brand .btns-nav-scroll .left-btn,
    .biutienda-brand .btns-nav-scroll .right-btn {
        top: 298px;
    }

    .article-card-container .btns-nav-scroll .left-btn,
    .article-card-container .btns-nav-scroll .right-btn {
        margin-top: 170px;
    }

    .review-notif-container .btns-nav-scroll .left-btn,
    .review-notif-container .btns-nav-scroll .right-btn {
        margin-top: 90px;
    }

    .question-notif-container .btns-nav-scroll .left-btn,
    .question-notif-container .btns-nav-scroll .right-btn {
        margin-top: 110px;
    }

    .product-carousel .btns-nav-scroll .left-btn,
    .product-carousel .btns-nav-scroll .right-btn {
        margin-top: 100px;
    }

    .related-card-container .btns-nav-scroll .left-btn,
    .related-card-container .btns-nav-scroll .right-btn {
        margin-top: 90px;
    }

    .carousel-card-history .btns-nav-scroll .left-btn,
    .carousel-card-history .btns-nav-scroll .right-btn {
        margin-top: 55px;
    }

    .user-milestones-panel,
    .promos-hero {
        position: relative;
    }

    .user-milestones-panel .btns-nav-scroll .left-btn,
    .user-milestones-panel .btns-nav-scroll .right-btn {
        top: 188px;
    }

    .promos-hero .btns-nav-scroll .left-btn,
    .promos-hero .btns-nav-scroll .right-btn {
        top: 110px;
    }

    .root .main-column .primary-column .btns-nav-scroll {
        top: 60px;
    }

    .root .main-column .primary-column .items-box .btns-nav-scroll {
        margin-top: 60px;
    }

    .btns-nav-scroll .left-btn {
        width: 50px;
        height: 50px;
        background-color: #eff2f5eb;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        left: 15px;
        z-index: 10;
        border: 4px solid white;
        box-shadow: 2px 2px 4px #00000038;
        cursor: pointer;
        display: none;
    }

    .btns-nav-scroll .left-btn i {
        font-size: 26px;
        color: #0000004d;
        margin-top: 12px;
        margin-left: -2px;
    }

    .btns-nav-scroll .right-btn {
        width: 50px;
        height: 50px;
        background-color: #eff2f5eb;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        right: 15px;
        z-index: 10;
        border: 4px solid white;
        box-shadow: 2px 2px 4px #00000038;
        cursor: pointer;
    }

    .btns-nav-scroll .right-btn i {
        font-size: 26px;
        color: #0000004d;
        margin-top: 12px;
        margin-left: 2px;
    }

    .tagged-products .btns-tagged-scroll {

    }

    .tagged-products .btns-tagged-scroll .left-btn,
    .tw-menu .btns-tw-menu-scroll .left-btn {
        width: 30px;
        height: 30px;
        background-color: #eff2f5eb;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        left: 15px;
        z-index: 10;
        border: 4px solid white;
        box-shadow: 2px 2px 4px #00000038;
        cursor: pointer;
        margin-top: 1px;
        display: none;
    }

    .tagged-products .btns-tagged-scroll .left-btn i,
    .tw-menu .btns-tw-menu-scroll .left-btn i {
        font-size: 19px;
        color: #0000004d;
        margin-top: 6px;
        margin-left: -2px;
    }

    .tagged-products .btns-tagged-scroll .right-btn,
    .tw-menu .btns-tw-menu-scroll .right-btn {
        width: 30px;
        height: 30px;
        background-color: #eff2f5eb;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        right: 15px;
        z-index: 10;
        border: 4px solid white;
        box-shadow: 2px 2px 4px #00000038;
        cursor: pointer;
        margin-top: 1px;
    }

    .tagged-products .btns-tagged-scroll .right-btn i,
    .tw-menu .btns-tw-menu-scroll .right-btn i {
        font-size: 19px;
        color: #0000004d;
        margin-top: 6px;
        margin-left: 2px;
    }

    .tagged-products .btns-tagged-scroll .right-btn-bg,
    .tw-menu .btns-tw-menu-scroll .right-btn-bg {
        background: linear-gradient(90deg, #ffffff00 0%, #ffffff 15%, #ffffff 100%);
        height: 45px;
        width: 72px;
        position: absolute;
        right: 0;
        z-index: 9;
    }

    .tw-menu .btns-tw-menu-scroll .right-btn-bg {
        height: 43px;
    }

    .tagged-products .btns-tagged-scroll .left-btn-bg,
    .tw-menu .btns-tw-menu-scroll .left-btn-bg {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 75%, #ffffff00 100%);
        height: 45px;
        width: 85px;
        position: absolute;
        left: 0;
        z-index: 9;
        display: none;
    }

    .tw-menu .btns-tw-menu-scroll .left-btn-bg {
        height: 43px;
    }

    .root .main-column .primary-column .biutienda-header-bg {
        margin-bottom: 30px;
        height: 130px;
    }

    .root .main-column .primary-column .biutienda-header-bg .bg-cropped .bg-img {
        height: 145px;
    }

    .root .main-column .sidebar-column {
        height: 100%;
        float: right;
        width: 220px;
    }

    .root .main-column .sidebar-column > .container {
        padding: 0 15px;
        height: 100%;
        position: fixed;
        width: 190px;
        overflow-y: scroll;
    }

    .root .main-column .sidebar-column > .container .search {
        width: 190px;
        padding-bottom: 15px;
        padding-top: 15px;
        position: fixed;
        background-color: white;
        z-index: 20;
    }

    .root .main-column .sidebar-column > .container .search .bar {
        background-color: #f0eef3;
        border-radius: 10px;
        padding: 13px 10px;
        cursor: pointer;
    }

    .root .main-column .sidebar-column > .container .search .bar span {
        color: #66566c;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #search-in-biutest-text {
        display: initial;
    }

    #search-products-text {
        display: none;
    }

    .root .main-column .sidebar-column > .container .search .bar i {
        color: #66566c;
        font-size: 14px;
        margin: 3px 5px 0 5px;
        float: left;
    }

    .root .main-column .sidebar-column > .container .search .bar:hover {
        background-color: #e8e5e8;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels {
        margin-bottom: 15px;
        padding-top: 135px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel {
        background-color: #ffffff;
        border-radius: 10px;
        margin-bottom: 15px;
        border: 1px solid #e5e5e5;
        padding: 15px 0 15px 0;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-gray {
        background-color: #fcfbfd;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-biutienda {
        background: #e8c6f8;
        background: linear-gradient(180deg, #e8c6f8 0%, #ffffff 69%, #ffffff 100%);
        padding-top: 0;
        position: relative;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-biutienda .biutienda-header {
        width: 210px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel .header {
        margin: 0 15px 15px 15px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel .header .title {
        font-size: 21px;
        line-height: 22px;
        color: #ff9f9f;
        font-weight: 900;
        display: inline-block;
        letter-spacing: -0.5px;
        margin-left: 0;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel .header .subtitle {
        display: block;
        margin-top: 3px;
        font-size: 14px;
        line-height: 17px;
        color: #6d6d6d;
        margin-left: 0;
    }

    .notifications-sidebar-panel {
        background-color: #ffffff;
        border-radius: 10px;
        margin-bottom: 15px;
        border: 1px solid #e5e5e5;
    }

    .notifications-sidebar-panel .top {
        display: table;
        width: 180px;
        padding: 0px 0px 0 10px;
/*        border-bottom: 1px solid #e5e5e5;*/
    }

    .notifications-sidebar-panel .top .left {
        cursor: pointer;
        float: left;
        height: 44px;
        overflow: hidden;
    }

    .notifications-sidebar-panel .top .right {
        cursor: pointer;
        float: left;
        height: 44px;
        overflow: hidden;
    }

    .notifications-sidebar-panel .top .left .container {
        padding: 12px 7px;
        height: 17px;
        border-top-left-radius: 9px;
        border-top-right-radius: 8px;
    }

    .notifications-sidebar-panel .top .right .container {
        padding: 12px 7px;
        height: 20px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .notifications-sidebar-panel .top .active {
        background-color: white;
    }

    .notifications-sidebar-panel .top .left .container:hover,
    .notifications-sidebar-panel .top .right .container:hover {
        background-color: #fff5f5;
    }

    .notifications-sidebar-panel .top .left .underline-placeholder {

    }

    .notifications-sidebar-panel .top .left .underline-placeholder .underline {
        background-color: #ff9f9f;
        height: 3px;
        display: block;
    }

    .notifications-sidebar-panel .top .left .text,
    .notifications-sidebar-panel .top .right .text {
        float: left;
    }

    .notifications-sidebar-panel .top .left .text span,
    .notifications-sidebar-panel .top .right .text span {
        color: #b1a8b5;
        font-size: 18px;
        font-weight: 900;
    }

    .notifications-sidebar-panel .top .right .text .activity-full {
        display: none;
    }

    .notifications-sidebar-panel .top .right .text .activity-sm {
        display: initial;
    }

    .notifications-sidebar-panel .top .left .text i,
    .notifications-sidebar-panel .top .right .text i {
        color: #b1a8b5;
        font-size: 15px;
    }

    .notifications-sidebar-panel .top .active .text span,
    .notifications-sidebar-panel .top .active .text i {
        color: #FF9F9F;
    }

    .notifications-sidebar-panel .top .left .circle,
    .notifications-sidebar-panel .top .right .circle {
        width: 16px;
        height: 16px;
        background-color: #FF5072;
        border-radius: 50%;
        text-align: center;
        float: left;
        margin-left: 5px;
        margin-top: 3px;
    }

    .notifications-sidebar-panel .top .left .circle span,
    .notifications-sidebar-panel .top .right .circle span {
        color: white;
        font-size: 13px;
        font-weight: 900;
        display: block;
        margin-top: 1px;
    }

    .notifications-sidebar-panel .bottom {

    }

    .notifications-sidebar-panel .bottom .ribbon {
        background-color: #ffffff;
        padding: 7px 13px 0px 13px;
        margin-bottom: 10px;
    }

    .notifications-sidebar-panel .bottom .ribbon span {
        font-size: 14px;
        color: #6d6d6d;
    }

    .notifications-sidebar-panel .bottom .ribbon i {
        font-size: 14px;
        color: white;
    }

    .notifications-sidebar-panel .item-row {
        height: 45px;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    .notifications-sidebar-panel .item-row .img-col {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        border: 1px solid lightgray;
        margin-top: 4px;
    }


    .notifications-sidebar-panel .item-row .img-col .img {
        width: 100%;
    }

    .notifications-sidebar-panel .item-row .info-col {
        padding: 8px 0 0 50px;
        width: 130px;
    }

    .notifications-sidebar-panel .item-row .info-col .info-a {
        display: inline-block;
        max-width: 150px;
    }

    .notifications-sidebar-panel .item-row .info-col .see-more {
        padding: 7px 12px;
        border: 1px solid #ff9e9e;
        color: #ff9e9e;
        border-radius: 10px;
        font-weight: 500;
        cursor: pointer;
        background-color: white;
        position: absolute;
        right: 30px;
        display: inline-block;
        font-size: 14px;
    }

    .notifications-sidebar-panel .item-row .info-col .see-more:hover {
        background-color: #fff5f5;
    }

    .notifications-sidebar-panel .item-row .info-col .name {
        font-weight: 900;
        display: block;
        font-size: 16px;
        line-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .notifications-sidebar-panel .item-row .info-col .brand {
        font-family: "Space Mono";
        text-transform: uppercase;
    }

    .notifications-sidebar-panel .item-row .info-col .type {
        font-size: 14px;
        color: gray;
        overflow: hidden;
        height: 19px;
        display: inline-block;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-in {
        position: relative;
        background-color: #E9C6F8;
        width: auto;
        border: none;
        padding: 0;
        overflow: hidden;
        height: 227px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-in .slogan {
        font-size: 20px;
        line-height: 22px;
        font-weight: 900;
        color: #0C057E;
        display: block;
        max-width: 220px;
        padding: 15px;
        position: absolute;
        z-index: 5;
        text-shadow: -2px 2px 0px #faf0ff;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-in .img {
        margin-top: -55px;
        position: absolute;
        width: 320px;
        top: 110px;
        z-index: 1;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-in .img img {
        width: 100%;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out {
        position: relative;
        background-color: #E9C6F8;
        width: auto;
        border: none;
        padding: 0;
        overflow: hidden;
        height: 277px;
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .top {
        position: relative;
        padding: 15px;
        max-width: 220px;
        z-index: 2;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .slogan {
        font-size: 20px;
        line-height: 22px;
        font-weight: 900;
        color: #0C057E;
        display: block;
        z-index: 5;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .btn-md {
        background-color: transparent;
        color: #0c067e;
        border: 1px solid #0c067e;
        margin-top: 15px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .btn-md:hover {
        background-color: white;
        color: #0c067e;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .img {
        position: absolute;
        width: 320px;
        top: 105px;
        z-index: 1;
        right: 0;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-hero-signed-out .img img {
        width: 100%;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: none;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do-signed-in {
        border-radius: 10px;
        border: 1px solid #e5e5e5;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        height: 213px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel {
        height: 245px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do-signed-in .carousel {
        height: 235px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card {
        width: 185px;
        height: 210px;
        display: inline-block;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container {
        padding-right: 15px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .img {
        background-color: #FFA5A5;
        height: 69px;
        width: 170px;
        border-radius: 15px;
        overflow: hidden;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .img img {
        width: 100%;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .text {
        padding-top: 10px;
        padding: 10px 0 0 3px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .text .title {
        font-size: 16px;
        font-weight: 900;
        display: block;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .text .subtitle {
        font-size: 14px;
        display: block;
        line-height: 16px;
        color: #808080;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .text .subtitle i {
        font-size: 12px;
        color: #808080;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .btns-nav-scroll .right-btn,
    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .btns-nav-scroll .left-btn {
        margin-top: 40px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .btns-nav-scroll .left-btn {
        margin-left: 35px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do-signed-in .btn-md,
    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .btn-md {
        margin-top: 10px;
        font-size: 14px;
    }

    .giveaway-row {
        padding: 0 15px;
        height: 260px;
        margin-bottom: 15px;
    }

    .giveaway-row a {
        display: block;
        margin-bottom: 10px;
    }

    .giveaway-row a .img-col {
        width: 80px;
        height: 80px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        overflow: hidden;
        float: left;
        background-color: #ffe7e0;
    }

    .giveaway-row a .img-col .img {
        width: 100%;
    }

    .giveaway-row a .info-col {
        background-color: white;
        padding: 12px 5px 10px 90px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 57px;
        border: 1px solid #E5E5E5;
        border-radius: 10px;
    }

    .giveaway-row a .info-col .name {
        font-weight: 900;
        font-size: 15px;
        display: block;
        line-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .giveaway-row a .info-col .duration {
        font-size: 13px;
        color: gray;
    }

    .sidebar-panel .article-row {
        height: 440px;
        display: block;
        padding: 0 15px;
    }

    .sidebar-panel .article-row a {
        display: block;
        margin-bottom: 10px;
    }


    .sidebar-panel .article-row a .img-col {
        width: 80px;
        height: 99px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        overflow: hidden;
        float: left;
        background-color: #ffe7e0;
    }

    .sidebar-panel .article-row a .img-col .img {
        height: 100%;
        margin-left: -18px;
    }

    .sidebar-panel .article-row a .info-col {
        background-color: white;
        padding: 12px 5px 10px 90px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 75px;
        border: 1px solid #E5E5E5;
        border-radius: 10px;
    }

    .sidebar-panel .article-row a .info-col .title {
        font-weight: 900;
        font-size: 15px;
        display: block;
        line-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .sidebar-panel .article-row a .info-col .comments {
        background-color: #FF5072;
        display: inline-block;
        padding: 1px 7px 2px 7px;
        border-radius: 8px;
        margin-top: 5px;
    }

    .sidebar-panel .article-row a .info-col .comments i {
        font-size: 10px;
        color: white;
        float: left;
        margin-top: 4px;
        margin-right: 3px;
    }

    .sidebar-panel .article-row a .info-col .comments span {
        color: white;
        font-size: 11px;
        float: left;
        margin-top: 3px;
        margin-bottom: 1px;
    }

    .milestone-row {
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .milestone-row a {

    }

    .milestone-row a .img-col {
        width: 250px;
        height: 100px;
        overflow: hidden;
        background-color: #ffe7e0;
        border-radius: 15px;
    }

    .milestone-row a .img-col .img {
        width: 100%;
    }

    .milestone-row a .info-col {
        padding: 12px 0px 0px 0px;
        border-radius: 10px;
    }

    .milestone-row a .info-col .title {
        font-weight: 900;
        font-size: 18px;
        display: block;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .milestone-row a .info-col .subtitle {
        font-size: 14px;
        color: gray;
    }

    .interest-row {
        height: 45px;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    .interest-row a {

    }

    .interest-row a .img-col {
        height: 45px;
        width: 45px;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        border: 1px solid lightgray;
    }

    .interest-row a .img-col .img {
        width: 100%;
    }

    .interest-row a .info-col {
        padding: 8px 0 0 60px;
    }

    .interest-row a .info-col-product {
        padding: 0 0 0 60px;
    }

    .interest-row a .info-col .name {
        font-weight: 900;
        display: block;
        font-size: 16px;
        line-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .interest-row a .info-col .brand,
    .interest-row a .info-col-product .brand {
        font-family: "Space Mono";
        text-transform: uppercase;
        color: #656565;
    }

    .interest-row a .info-col-product .brand {
        font-size: 15px;
    }

    .interest-row a .info-col-product .name {
        display: block;
        font-size: 14px;
        line-height: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #808080;
    }

    .interest-row a .info-col .type {
        font-size: 14px;
        color: gray;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .root .main-column .sidebar-column .alert-panel {
        border-radius: 10px;
        background: linear-gradient(111deg, #ff5072 0%, #ff9fb5 100%);
        padding: 15px;
        margin-bottom: 15px;
    }

    .root .main-column .sidebar-column .green-panel {
        border-radius: 10px;
        background: linear-gradient(111deg, #4caf50 0%, #81d784 100%);
        padding: 15px;
        margin-bottom: 15px;
    }

    .root .main-column .sidebar-column .alert-panel .title,
    .root .main-column .sidebar-column .green-panel .title {
        color: white;
        display: block;
        font-size: 21px;
        font-weight: 900;
        margin-bottom: 8px;
        letter-spacing: -0.5px;
    }

    .root .main-column .sidebar-column .alert-panel .title i,
    .root .main-column .sidebar-column .green-panel .title i {
        color: white;
        font-size: 22px;
    }

    .root .main-column .sidebar-column .alert-panel .subtitle,
    .root .main-column .sidebar-column .green-panel .subtitle {
        color: white;
        display: block;
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 15px;
    }

    .root .main-column .sidebar-column .mod-panel {
        border-radius: 10px;
        background-color: #F9EFEC;
        padding: 15px;
        margin-bottom: 15px;
        display: block;
    }

    .root .main-column .sidebar-column .mod-panel .text {
        color: #B49A92;
        font-size: 17px;
        font-weight: 900;
    }

    .root .main-column .sidebar-column .mod-panel .notif-count {
        float: right;
        height: 26px;
        background-color: #FF5072;
        text-align: center;
        float: right;
        margin-left: 5px;
        margin-top: -3px;
        padding: 0 8px;
        border-radius: 8px;
    }

    .root .main-column .sidebar-column .mod-panel .notif-count span {
        color: white;
        font-size: 13px;
        font-weight: 900;
        display: block;
        margin-top: 6px;
    }

    .root .main-column .sidebar-column .cart {
        padding-bottom: 10px;
        padding-top: 0;
        position: fixed;
        background-color: white;
        z-index: 20;
        top: 75px;
        width: 320px;
    }

    .root .main-column .sidebar-column .cart .container {
        border-radius: 10px;
        background: linear-gradient(111deg, #438842 0%, #1db51d 100%);
        padding: 0 15px 0 13px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 46px;
        cursor: pointer;
    }

    .root .main-column .sidebar-column .cart:hover .container {
        background: linear-gradient(111deg, #438842 0%, #439b43 100%);
    }

    .root .main-column .sidebar-column .cart .left {

    }

    .root .main-column .sidebar-column .cart .left i {
        color: white;
        font-size: 14px;
    }

    .root .main-column .sidebar-column .cart .left .text {
        color: white;
        font-size: 16px;
        font-weight: 500;
        margin-left: 0px;
    }

    .root .main-column .sidebar-column .cart .left .small {
        color: #aff0af;
        font-size: 13px;
    }

    .root .main-column .sidebar-column .cart .right {
        display: flex;
        flex-direction: row;
    }

    .root .main-column .sidebar-column .cart .right .cart-value {
        background-color: white;
        border-radius: 5px;
        padding: 3px 7px;
        display: flex;
    }

    .root .main-column .sidebar-column .cart .right .cart-value .currency {
        color: #3a5a3a;
        font-size: 10px;
        font-weight: 500;
        margin: 3px 2px 0 0;
    }

    .root .main-column .sidebar-column .cart .right .cart-value .amount {
        color: #3a5a3a;
        font-size: 16px;
        font-weight: 500;
    }

    .root .main-column .sidebar-column .cart .right .cart-value .cents {
        color: #3a5a3a;
        font-size: 10px;
        font-weight: 500;
        margin: 1px 0 0 1px;
    }

    .root .main-column .sidebar-column .cart .right .cart-value-updating {
        background-color: white;
        border-radius: 5px;
        padding: 3px 7px;
        display: flex;
        display: none;
    }

    .root .main-column .sidebar-column .cart .right .cart-value-updating .lds-ellipsis-green {
        display: inline-block;
        position: relative;
        width: 65px;
    }

    .lds-ellipsis-green div:nth-child(1) {
        left: 6px;
        animation: lds-ellipsis1 0.6s infinite;
    }

    .lds-ellipsis-green div:nth-child(2) {
        left: 6px;
        animation: lds-ellipsis2 0.6s infinite;
    }

    .lds-ellipsis-green div:nth-child(3) {
        left: 26px;
        animation: lds-ellipsis2 0.6s infinite;
    }

    .lds-ellipsis-green div:nth-child(4) {
        left: 45px;
        animation: lds-ellipsis3 0.6s infinite;
    }

    .lds-ellipsis-green div {
        position: absolute;
        top: -10px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #24ae25;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

    .root .main-column .sidebar-column .brand-panels {
        margin-bottom: 15px;
        border-radius: 10px;
        overflow: hidden;
    }

    .root .main-column .sidebar-column .brand-panels .home-brand-panel {
        border: none;
    }

    .root .main-column .sidebar-column > .container > .footer {
        padding: 0 0px 100px 5px;
    }

    .root .main-column .sidebar-column > .container > .footer .nav {

    }

    .root .main-column .sidebar-column > .container > .footer .nav a,
    .root .main-column .sidebar-column > .container > .footer .nav span {
        font-size: 13px;
        margin: 0 5px 4px 0;
        display: inline-block;
        color: #988b9e;
        cursor: pointer;
    }

    .root .main-column .sidebar-column > .container > .footer .nav a i {
        color: #988b9e;
    }

    .content-wrapper .wide-btn-blue:hover {
        background-color: #2d1974;
    }

    .content-wrapper-2-col .wide-btn-2-col .wide-btn-2:hover {
        background-color: #2d1974;
    }

    .full-screen-modal {
    }

    .full-screen-modal > .container {
        width: 600px;
        margin: auto;
        top: 10px;
    }

    .user-modal > .container {
        width: 600px;
        margin: auto;
        top: 10px;
    }

    .onboarding-bg {
        width: 360px;
        margin: auto;
        left: -130px;
        right: 0;
    }

    .about-us-modal .color-panel .container .title,
    .about-us-modal .color-panel .container .description {
        max-width: 420px;
    }

    .about-us-modal .color-panel .container .sub-row {
        display: table;
        margin-top: 40px;
        padding: 0 20px 0 40px;
    }

    .about-us-modal .color-panel .container .sub {
        float: left;
        width: 33%;
    }

    .about-us-modal .color-panel .container .sub-2 {
        float: left;
        width: 50%;
    }

    .about-us-modal .color-panel .container .sub {
        margin-bottom: 50px;
    }

    .about-us-modal .color-panel .container .sub .subtitle {
        font-size: 22px;
    }

    .about-us-modal .color-panel .container .sub .subdescription {
        font-size: 14px;
        padding: 0 10px;
        line-height: 18px;
    }

    .p-list-sm .p,
    .b-list .b,
    .b-list .s {
        display: block;
        padding: 10px;
        border-radius: 10px;
        cursor: pointer;
    }

    .p-list-sm .p:hover,
    .b-list .b:hover,
    .b-list .s:hover {
        background-color: #f2f2f2;
    }

    .p-list-sm .p:hover .product-version {
        background-color: white;
    }

    .p-list-sm .p img {
        width: 60px;
        height: 60px;
    }

    .new-content-modal > .container > .bg .actions {
        display: table;
        width: 320px;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
        margin-top: -7px;
    }

    .new-content-modal > .container > .bg .actions .action:nth-child(3n+1) {
        clear: initial;
    }

    .new-content-modal > .container > .bg .actions .action {
        width: 80px;
        float: left;
        margin-bottom: 15px;
        cursor: pointer;
        margin: 0 2px 10px 2px;
        border-radius: 10px;
        padding: 10px;
    }

    .new-content-modal > .container > .bg .actions .action:hover {
        background-color: #f3f3f3;
    }

    .post-show > .container, .post-promote > .container, .post-promo > .container {
        width: 600px;
    }

    .home-brand-panel .brand-panel .text {
        font-size: 16px;
        height: 18px;
        overflow: hidden;
    }

    .home-brand-panel .brand-panel .text i {
        font-size: 15px;
    }

    .brand-panel .segments .segment-row, .brand-panel .clicks .click-row {
        height: 22px;
    }

    .brand-panel .footer {
        padding-top: 7px;
    }

    .brand-segments, .brand-clicks {
        padding: 0 15px 8px 15px;
        display: block;
    }

    .brand-panel .footer .left,
    .brand-panel .footer .right {
        font-size: 13px;
    }

    .post-show .user-comment-btn {
        width: 600px;
        cursor: pointer;
    }

    .comment-modal > .container {
        padding: 15px;
        width: 570px;
        margin: auto;
    }

    .bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row {
        cursor: pointer;
        border-radius: 7px;
    }

    .bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row:hover,
    .bottom-menu-modal > .container > .bg .button-box > a:hover,
    .bottom-menu-modal > .container > .bg .button-box > button:hover {
        background-color: #f2f2f2;
    }

    .bottom-menu-modal > .container > .bg > div > div > .button-box > .button-row > div,
    .bottom-menu-modal > .container > .bg .button-box > a > div,
    .bottom-menu-modal > .container > .bg .button-box > button > div {
        margin-left: 7px;
    }

    .bottom-menu-modal > .container > .bg .button-box > a,
    .bottom-menu-modal > .container > .bg .button-box > button {
        cursor: pointer;
        border-radius: 7px;
    }

    .bottom-menu-modal > .container > .bg .menu-container {
        max-height: 560px;
    }

    .post-comments-container {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        position: initial;
    }

    .sidebar-panels .sidebar-panel .featured-product-row {
        display: table;
        width: 100%;
        margin-bottom: 0px;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .img-col {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        border: 1px solid lightgray;
        margin-left: 15px;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .img-col .profile {
        width: 100%;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .info-col {
        padding: 0 10px 0 85px;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .info-col .brand {
        font-weight: 900;
        font-family: "Space Mono", sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: -2px;
        color: #656565;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .info-col .name {
        color: #808080;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: -2px;
    }

    .sidebar-panels .sidebar-panel .featured-product-row .info-col .category {
        font-size: 13px;
        color: #b0b0b0;
    }

    .sidebar-card {
        background-color: #ffffff;
        border-radius: 10px;
        margin-bottom: 15px;
        border: 1px solid #e5e5e5;
        position: relative;
        overflow: hidden;
    }

    .sidebar-card .about-img {
        width: 100%;
        overflow: hidden;
        height: 152px;
        background-color: gainsboro;
    }

    .sidebar-card .about-img .image {
        width: 100%;
        background-color: #FCF2EF;
    }

    .sidebar-card .profile-img {
        width: 80px;
        height: 80px;
        border: 2px solid white;
        border-radius: 50%;
        position: absolute;
        top: 85px;
        background-color: white;
        z-index: 1;
        left: 5px;
        overflow: hidden;
    }

    .sidebar-card .profile-img .image {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        margin-bottom: 0;
        margin-bottom: -4px;
        background-color: #e3e3e3;
        overflow: hidden;
        position: relative;
        max-height: 220px;
    }

    .sidebar-card .bg {
        background-color: #f8f8f8;
        padding: 20px 15px 13px 15px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
        height: 57px;
    }

    .sidebar-card .bg .brand-name {
        font-family: "Space Mono", monospace;
        font-size: 18px;
        color: #656565;
        display: block;
        text-transform: uppercase;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 19px;
    }

    .sidebar-card .bg .name {
        font-size: 18px;
        font-weight: 900;
        color: #656565;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 19px;
    }

    .sidebar-card .bg .description {
        font-size: 13px;
        color: #868686;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 33px;
        position: relative;
        margin-top: 3px;
        line-height: 16px;
    }

    .title-panel {
        padding-top: 25px;
    }

    .fixed-filter-menu {
        max-width: 350px;
    }

    .article-feed .feed {
        width: 100%;
        display: table;
    }

    .section-headline {
        width: 360px;
    }

    .fixed-section-menu {
        width: 360px;
    }

    .loader-pagination-padding {
        padding-bottom: 80px;
    }

    .items-container .items-box .item {
        padding-bottom: 30px;
    }

    .root .sidebar-column .biutienda-header {
        width: 360px;
        max-width: 280px;
        top: 85px;
    }

    .what-to-do {
        padding: 15px 0 25px 0;
    }

    .what-to-do .carousel {
        height: 260px;
    }

    .what-to-do .carousel-milestones {
        height: 260px;
    }

    .what-to-do .carousel .card .container .img {
        height: 110px;
        width: 280px;
    }

    .user-milestones {
        padding: 15px 0 25px 0;
    }

    .user-milestones .carousel {
        height: 200px;
    }

    .user-milestones .carousel-milestones {
        height: 278px;
    }

    .user-milestones .carousel .card .container .img {
        height: 110px;
        width: 280px;
    }

    .root .main-column .primary-column .user-milestones .btns-nav-scroll .left-btn,
    .root .main-column .primary-column .user-milestones .btns-nav-scroll .right-btn {
        margin-top: 40px;
    }

    .promo-exclusive .profile, .promo .profile {
        height: 110px;
        width: 110px;
        top: 80px;
    }

    .select-community-to-post .container .relative .bg .header .select-community-to-post-title {
        margin-left: 20px;
    }

    .image-wide {
        height: 173px;
    }

    .root .main-column .biutienda-header {
        top: 105px;
        width: 290px;
    }

    .post:nth-child(2n+1) .body .article {
        padding-right: 7px;
    }

    .post:nth-child(2n+2) .body .article {
        padding-left: 7px;
    }

    .show-article-comments, .user-comment-btn {
        width: 600px;
    }

    .about-us-modal .color-panel .container .image {
        width: 400px;
        height: 250px;
    }

    .promote-footer {
        width: 540px;
    }

    .biutienda-header-bg { height: 250px; }
    .biutienda-header { top: 180px; width: 460px; }

    .biutienda-header .biutienda-subtitle { font-size: 16px; }

    .biustore-brand-cards { height: 283px; }
    .biustore-brand-cards .card { height: 280px; }
    .biustore-brand-cards .card-more { height: 250px;}

    .container-input {
        padding: 20px;
    }

    .filter-menu-2-container,
    .filter-menu-2 {
        height: 171px;
    }

    .filter-menu-2 .bottom-row {
        white-space: initial;
        padding: 10px 15px 5px 15px;
    }

    .filter-menu-2 .bottom-row .btn-space {
        display: none;
    }

    .filter-menu-2 .bottom-row .btn {
        margin-bottom: 7px;
    }

    .fixed-filter-menu-2, .fixed-filter-menu-index { width: 360px; }

    .hero {
        min-height: 370px;
        padding-top: 0;
    }

    .hero .carousel .card {
        height: 210px;
    }

    #menu-cards-index .btns-nav-scroll,
    #about-cards .btns-nav-scroll {
        margin-top: 60px;
    }

    .hero .menu-cards-container {
        top: 190px;
    }

    .hero .menu-cards {
        background: linear-gradient(1deg, #f0eef2 80%, #f0eef2eb 85%, #f0eef275 90%, #f0eef20d 95%, transparent);
    }

    .custom-collections-cards .collection {
        
    }

    .custom-collections-cards .collection:nth-child(2n+1) .card {
        
    }

    .custom-collections-cards .collection:nth-child(2n+2) .card {
        
    }

    .custom-collections-cards .collection .card {
        min-height: 140px;
    }

    .custom-collections-cards .collection .card .title {
        font-size: 20px;
        line-height: 21px;
    }

    .custom-collections-cards .collection .card .subtitle {
        font-size: 14px;
    }

    .edit-form > form > .container {
        max-height: 600px;
    }

    .items-container .items-col-lg .item .add-to-cart .left {
        font-size: 15px;
    }

    .items-container .items-col-lg .item .add-to-cart .left .desktop {
        display: inline-block;
        color: white;
        font-size: 14px;
        font-weight: 500;
    }

    .items-container .items-col-carousel .item .add-to-cart .left .desktop {
        display: none;
    }

    .items-container .items-col-lg .item .image,
    .items-container .items-col-lg .item .image img {
        height: 156px;
        width: 156px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .image-vertical,
    .items-container .items-col-lg .item .image-vertical img {
        height: 202px;
        width: 156px;
        margin-bottom: 5px;
    }

    .custom-collection-panel .header {
        min-height: 45px;
    }

    .content-snippet-product-title .product .right .description {
        -webkit-line-clamp: 8;
    }

    .content-snippet-product-title .product .left, 
    .content-snippet-product-community .product .left {
        width: 33%;
    }

    .content-snippet-product-community .review-specs-ratings .specs .col .circle {
        width: 40px;
        height: 40px;
    }

    .live-raffle-panel {
        padding: 80px 80px 80px 80px;
    }

}

/* 680px */

@media (min-width: 725px) {

    .scroll-up-btn {
        left: -157px;
    }

    .interactions > .container > .row > .container > .vote span {
        padding: 6px 1px 0 1px;
    }

    .root > .container {
        max-width: 713px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 713px;
    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 40px;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 360px;
    }

    .root .main-column-ribbon .primary-column-ribbon {
        width: 360px;
    }

    .root .main-column .sidebar-column {
        width: 260px;
    }

    .root .main-column .sidebar-column > .container {
        width: 230px;
    }

    .root .main-column .sidebar-column > .container .search {
        width: 230px;
    }

    .notifications-sidebar-panel .top {
        width: 220px;
    }

    .post-sign-up .signed-out-title {
        font-size: 38px;
        line-height: 38px;
    }

    .root .main-column .biutienda-header {
        top: 112px;
    }

    .hero {
        min-height: 390px;
    }

    .hero .carousel .card {
        height: 233px;
    }

    .hero .menu-cards-container {
        top: 210px;
    }

    .items-container .items-col-lg .item .image,
    .items-container .items-col-lg .item .image img {
        height: 156px;
        width: 156px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .image-vertical,
    .items-container .items-col-lg .item .image-vertical img {
        height: 202px;
        width: 156px;
        margin-bottom: 5px;
    }

}

@media (min-width: 768px) {

    .scroll-up-btn {
        left: -160px;
    }

    .interactions > .container > .row > .container > .vote span {
        padding: 6px 3px 0 3px;
    }

    .root > .container {
        max-width: 753px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 753px;
    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 50px;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 400px;
    }

    .root .main-column-ribbon .primary-column-ribbon {
        width: 370px;
    }

    .fixed-filter-menu-2, .fixed-filter-menu-index { width: 400px; }

    .fixed-filter-menu {
        max-width: 390px;
    }

    .section-headline {
        width: 400px;
    }

    .fixed-section-menu {
        width: 400px;
    }

    .root .main-column .primary-column .biutienda-header-bg .bg-cropped .bg-img {
        height: 160px;
    }

    .hero {
        min-height: 390px;
    }

    .hero .carousel .card {
        height: 233px;
    }

    .hero .menu-cards-container {
        top: 210px;
    }

    .items-container .items-col-lg .item .image,
    .items-container .items-col-lg .item .image img {
        height: 186px;
        width: 186px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .image-vertical,
    .items-container .items-col-lg .item .image-vertical img {
        height: 241px;
        width: 186px;
        margin-bottom: 5px;
    }

}

@media (min-width: 780px) {

    .root > .container {
        max-width: 773px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 773px;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 420px;
    }

    .root .main-column-ribbon .primary-column-ribbon {
        width: 380px;
    }

    .fixed-filter-menu-2, .fixed-filter-menu-index { width: 420px; }

    .root .main-column .sidebar-column {
        width: 260px;
    }

    .root .main-column .sidebar-column > .container {
        width: 230px;
    }

    .root .main-column .sidebar-column > .container .search {
        width: 230px;
    }

    .onboarding-bg {
        width: 423px;
        margin: auto;
        left: -170px;
        right: 0;
    }

    .fixed-filter-menu {
        max-width: 410px;
    }

    .section-headline {
        width: 420px;
    }

    .fixed-section-menu {
        width: 420px;
    }

    .what-to-do .carousel {
        height: 280px;
    }

    .what-to-do .carousel-milestones {
        height: 280px;
    }

    .what-to-do .carousel .card .container .img {
        height: 130px;
        width: 320px;
    }

    .user-milestones .carousel {
        height: 220px;
    }

    .user-milestones .carousel-milestones {
        height: 258px;
    }

    .user-milestones .carousel .card .container .img {
        height: 130px;
        width: 320px;
    }

    .root .main-column .biutienda-header {
        top: 120px;
        width: 370px;
    }

    .hero {
        min-height: 400px;
    }

    .hero .carousel .card {
        height: 245px;
    }

    .hero .menu-cards-container {
        top: 220px;
    }

}

@media (min-width: 832px) /*ipad pro*/ {

    .scroll-up-btn {
        left: -210px;
    }

    .root > .container {
        max-width: 823px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 823px;
    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 100px;
    }

    .root .main-column-ribbon .primary-column-ribbon {
        width: 410px;
    }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon {
        padding-top: 15px;
    }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon .top {
        font-size: 24px;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 470px;
    }

    .filter-menu-2-container,
    .filter-menu-2 {
        height: 181px;
    }

    .filter-menu-3-container,
    .filter-menu-3 {
        height: 135px;
    }

    .fixed-filter-menu-2, .fixed-filter-menu-index { width: 470px; }

    .onboarding-bg {
        width: 475px;
        margin: auto;
        left: -170px;
        right: 0;
    }

    .fixed-filter-menu {
        max-width: 460px;
    }

    .post .body .article {
        width: 208px;
        float: left;
    }

    .article-feed .post:nth-child(2n+1) .body .article {
        padding-right: 7px;
        clear: left;
    }

    .article-feed .post:nth-child(2n+2) .body .article {
        padding-right: 7px;
    }

    .section-headline {
        width: 470px;
    }

    .fixed-section-menu {
        width: 470px;
    }

    .items-container .items-col-lg .item .image,
    .items-container .items-col-lg .item .image img {
        height: 210px;
        width: 210px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .image-vertical,
    .items-container .items-col-lg .item .image-vertical img {
        height: 272px;
        width: 210px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .brand {
        font-size: 16px;
    }

    .items-container .items-col-lg .item .name {
        font-size: 18px;
        line-height: 20px;
    }

    .items-container .items-col-lg .item .category {
        font-size: 13px;
    }

    .items-container .items-col-lg .item .price-1 {
        font-size: 16px;
    }

    .items-container .items-col-lg .item .price-1 > span {
        font-size: 14px;
    }

    .feed .post .body .article a img, .article .image > img {
        height: auto;
    }

    .root .main-column .primary-column .biutienda-header-bg .bg-cropped .bg-img {
        height: 188px;
    }

    .root .sidebar-column .biutienda-header {
        top: 85px;
    }

    .root .main-column .primary-column .biutienda-header-bg {
        margin-bottom: 10px;
        height: 180px;
    }

    .biutienda-banners-carousel .banner {
        width: 420px;
        height: 160px;
    }

    .biutienda-banners-carousel .container {
        height: 160px;
    }

    .biutienda-gradient-bg .btns-nav-scroll .left-btn, .biutienda-gradient-bg .btns-nav-scroll .right-btn {
        top: 240px;
    }

    .root .main-column .biutienda-header {
        top: 145px;
    }

    .hero {
        min-height: 430px;
    }

    .hero .carousel .card {
        height: 275px;
    }

    .hero .menu-cards-container {
        top: 245px;
    }

}

@media (min-width: 960px) {

    .interactions > .container > .row { padding: 0 10px; }

    .scroll-up-btn {
        left: -210px;
    }

    .root > .container {
        max-width: 943px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 943px;
    }

    .root .menu-top .biulogo .container .biutest-sm {
        display: block;
    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 90px;
    }

    .root .main-column .primary-column,
    .fixed-home-section-menu,
    .feed .interactions-wrapper,
    .feed .interactions,
    .post-show-div .user-comment-btn,
    .post-show-div .post-comments-container {
        max-width: 540px;
    }

    .root .main-column-ribbon .primary-column-ribbon {
        width: 540px;
    }

    .fixed-filter-menu-2, .fixed-filter-menu-index { width: 540px; }

    .root .ribbon-sign-in .main-column-ribbon .primary-column-ribbon {
        padding-top: 15px;
    }

    .root .main-column .sidebar-column {
        width: 310px;
    }

    .root .main-column .sidebar-column > .container {
        width: 320px;
    }

    .root .main-column .sidebar-column > .container .search {
        width: 320px;
    }


    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do-signed-in .carousel {
        height: 230px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card {
        width: 225px;
        height: 210px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-what-to-do .carousel .card .container .img {
        height: 85px;
        width: 210px;
    }

    .items-container .items-col-lg .item .image img, 
    .items-container .items-col-lg .item .image {
        height: 245px;
        width: 245px;
        margin-bottom: 5px;
    }

    .items-container .items-col-lg .item .image-vertical img, 
    .items-container .items-col-lg .item .image-vertical {
        height: 317px;
        width: 245px;
        margin-bottom: 5px;
    }

    #search-products-text {
        display: -webkit-box;
    }

    #search-in-biutest-text {
        display: none;
    }

    .post-sign-up .bg {
        background: linear-gradient(0deg, #d8b7e8 0%, #e8c6f8 100%);
        padding: 120px 100px 250px 100px;
    }

    .root .main-column .primary-column .text .promo-image {
        height: 280px;
    }

    .root .main-column .primary-column .promo-exclusive .image {
        height: 280px;
    }

    .notifications-sidebar-panel .top {
        width: 310px;
        padding: 0px 0px 0 7px;
    }

    .notifications-sidebar-panel .top .left {
        margin-right: 5px;
    }

    .notifications-sidebar-panel .top .right .container {
        padding: 12px 8px 12px 8px;
    }

    .notifications-sidebar-panel .top .right .container .text .activity-full {
        display: initial;
    }

    .notifications-sidebar-panel .top .right .container .text .activity-sm {
        display: none;
    }

    .onboarding-bg {
        width: 540px;
        margin: auto;
        left: -220px;
        right: 0;
    }

    .brand-panel .footer .left,
    .brand-panel .footer .right {
        font-size: 14px;
    }

    .sidebar-card .about-img {
        height: 185px;
    }

    .sidebar-card .profile-img {
        top: 115px;
    }

    .fixed-filter-menu {
        max-width: 530px;
    }

    .post .body .article {
        width: 243px;
        float: left;
    }

    .post .user-header .user .user-profile-container .badge { 
        left: 38px;
        top: 38px; 
    }

    .section-headline {
        width: 540px;
    }

    .fixed-section-menu {
        width: 540px;
    }

    .root .main-column .sidebar-column > .container .sidebar-panels .sidebar-panel-biutienda .biutienda-header {
        width: 240px;
    }

    .root .main-column .primary-column .biutienda-header-bg .bg-cropped .bg-img {
        height: 215px;
    }

    .root .sidebar-column .biutienda-header {
        top: 85px;
    }

    .biutienda-header .biutienda-subtitle {
        font-size: 15px;
    }

    .root .main-column .primary-column .biutienda-header-bg {
        margin-bottom: 10px;
        height: 210px;
    }

    .biutienda-gradient-bg .btns-nav-scroll .left-btn, .biutienda-gradient-bg .btns-nav-scroll .right-btn {
        top: 258px;
    }

    .biutienda-banners-carousel .container {
        height: 180px;
    }

    .biutienda-banners-carousel .banner {
        width: 475px;
        height: 180px;
    }

    .biutienda-gradient-bg .btns-nav-scroll .left-btn, .biutienda-gradient-bg .btns-nav-scroll .right-btn {
        top: 280px;
    }

    .root .primary-column .biutienda-header {
        top: 170px;
    }

    .promo-exclusive .profile, .promo .profile {
        top: 180px;
    }

    .hero {
        min-height: 460px;
    }

    .hero .carousel .card {
        height: 315px;
    }

    .hero .menu-cards-container {
        top: 280px;
    }

    .flickity-prev-next-button {
        top: 45%;
    }

    .feed-campaign,
    .article-feed .feed {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .feed .post .body .campaign, .feed .campaign {
        padding: 25px 15px 15px 15px;
        width: 44%;
    }

}


@media (min-width: 1100px) {

    .left-banner .banner {
        width: 275px;
    }

}

@media (min-width: 1140px) {

    .scroll-up-btn {
        left: -17px;
    }

    .root > .container {
        max-width: 1128px;
    }

    .root .ribbon-sign-in > .container {
        max-width: 1128px;
    }

    .root .main-column {
        padding-left: 275px;
    }

    .root .ribbon-sign-in .main-column-ribbon {
        padding-left: 275px;
    }

    .root .menu-column > .menu {
        width: 275px;
    }

    .root .menu-top .biulogo {
        padding: 0;
        padding-top: 3px;
    }

    .root .menu-top .biulogo > .container .biutest-sq {
        display: none;
    }

    .root .menu-top .biulogo > .container {
        padding: 10px 15px 10px 0;
    }

    .root .menu-top .biulogo > .container .biutest-lg {
        display: inline-block;
    }

    .root .menu-top .menu-nav > .container {
        padding-left: 10px;
    }

    .root .menu-top .menu-nav > .container .nav-a {
        display: inline-block;
        width: initial;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container {
        max-width: 100%;
        padding: 12px 12px 11px 12px;
        height: 36px;
        border-radius: 20px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-icon {
        float: left;
        height: 35px;
        width: 35px;
        text-align: center;
        margin-right: 10px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-text-col {
        margin-right: 15px;
        margin-left: 15px;
        line-height: 24px;
        font-size: 20px;
        font-weight: 700;
        overflow-wrap: break-word;
        min-width: 0px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 5px;
    }

    .root .menu-top .menu-nav > .container .nav-a > .container .nav-text-col .nav-text {
        font-family: inherit;
        overflow-wrap: break-word;
        min-width: 0px;
        font-size: 20px;
        font-weight: 900;
        color: #988b9e;
        font: inherit;
        white-space: inherit;
    }

    .root .menu-top .menu-action {
        margin-top: 15px;
        margin-left: 10px;
    }

    .root .menu-top .menu-action .action-btn-lg {
        display: block;
    }

    .root .menu-top .menu-action .action-btn-sq {
        display: none;
    }

    .root .menu-bottom {
        margin-left: 0px;
        width: initial;
        left: 15px;
        right: initial;
    }

    .root .menu-bottom > .user-profile > .container {
        display: flex;
        align-items: center;
        padding: 12px;
        border-radius: 20px;
    }

    .root .menu-bottom > .user-profile > .container .user-info {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container {
        max-width: 100%;
        margin-left: 12px;
        margin-right: 12px;
        text-align: left;
        margin-top: -1px;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top .user-info-name {
        font-size: 16px;
        font-weight: 900;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-bottom {

    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-bottom .user-info-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        display: block;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-bottom .user-sensitive-text {
        display: block;
        font-size: 12px;
        margin-top: -3px;
    }

    .onboarding-bg {
        width: 540px;
        margin: auto;
        left: -37px;
        right: 0;
    }

    .root .menu-bottom > .user-profile > .container .user-info > .container .user-info-top .brand-name i {
        display: initial;
    }
}

@media (min-width: 1190px) {
    .root .main-column .sidebar-column > .container {
        padding: 0 0 0 15px;
    }

}

@media (min-width: 1280px) {

    .root > .container {
        max-width: 1138px;
    }

}
/* navbar */

navbar {
    position: relative;    
    height: 50px;
    width: 100%;
    z-index: 13;  
}

navbar > .navbar {
    position: relative;
    background-color: #f8f8f8;
    z-index: 29;
    text-align: center;
    width: 100%;
    height: 50px;
}

navbar > .navbar > .container {
    position: absolute;
    width: 100%;
    height: 50px;
}

navbar > .navbar > .container > .biu-logo > a > img {
    width: 115px;
    margin-top: 11px;
}

navbar > .navbar > .container div {
    border: none;
    background-color: transparent;
}

navbar > .navbar > .container > .menu {
    left: 5px;
    position: absolute;
    height: 50px;
    width: 50px;
}

navbar > .navbar > .container > .menu i {
    font-size: 24px;
    color: #ff9f9f;
    padding-top: 13px;
}

navbar > .navbar > .container > .search {
    left: 55px;
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    height: 100%;    
}


navbar > .navbar > .container > .search > button {
    width: 100%;
    height: 100%;
}

navbar > .navbar > .container > .search > button > i {
    font-size: 18px;
    color: #ff9f9f;
}

navbar > .navbar > .container > .search > i {
    font-size: 18px;
    color: #ff9f9f;
    padding-top: 16px;
}

navbar > .navbar > .container > .cart {
    right: 55px;
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    height: 100%;
    top: 0;
}

navbar > .navbar > .container > .cart > button {
    width: 100%;
    height: 100%;
}

navbar > .navbar > .container > .cart > button i {
    font-size: 18px;
    color: #ff9f9f;
}

navbar > .navbar > .container > .cart i {
    font-size: 21px;
    color: #ff9f9f;
    padding-top: 15px;
}

navbar > .navbar > .container > .cart .notification-bubble {
    background-color: #FF5072;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    margin-left: 30px;
    position: relative;
    margin-top: -30px;
    border: 2px solid white;
}

navbar > .navbar > .container > .cart .hidden {
    display: none;
}

navbar > .navbar > .container > .cart .notification-bubble span {
    font-size: 14px;
    color: white;
    font-weight: 900;
    margin-top: 2px;
    position: absolute;
    top: -1px;
    right: 0;
    letter-spacing: -1px;
    left: -2px;
}

navbar > .navbar > .container > .user {
    right: 3px;
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
}

navbar > .navbar > .container > .user img {
    width: 35px;
    height: 35px;
    margin-top: 8px;
    border-radius: 50%;
    border: 1px solid white;
    background-color: #e6eaeb;
    object-fit: cover;
}

navbar > .navbar > .container > .user > .user-sign-in {
    border: 2px solid #ff9f9f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: auto;
    margin-top: 9px;
}

navbar > .navbar > .container > .user > .user-sign-in > i {
    color: #ff9f9f;
    font-size: 18px;
    margin: auto;
    margin-top: 6px;
}

navbar > .navbar > .container > .user .notification-bubble {
    background-color: #FF5072;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    margin-left: 28px;
    position: relative;
    margin-top: -41px;
    border: 2px solid white;
}

navbar > .navbar > .container > .user .notification-bubble span {
    font-size: 14px;
    color: white;
    font-weight: 900;
    margin-top: 2px;
    position: absolute;
    top: -1px;
    right: 0;
    letter-spacing: -1px;
    left: -2px;
}


.unhide {
    display: block !important;
}


/* Search Modal */

#full-screen-modal .container .relative .bg .lds-ellipsis-container {
    text-align: center;
}

#full-screen-modal .container-top-search {
    width: 100%;
    background-color: white;
    z-index: 1;
    overflow-y: scroll;
}

#full-screen-modal .recommended-to-user {
    position: relative;
}

.container-top-search > .container {
    padding: 15px 15px 0 15px;
}

#full-screen-modal .container-recommended-results {
    margin-top: 0;
}

#full-screen-modal .container-search-results {
    display: none;
    margin-top: 5px;
}

#full-screen-modal .container-body {
    padding: 0 15px;
}

#full-screen-modal .container-body-bottom {
    padding: 0 15px 15px 15px;
}

#full-screen-input {
    position: relative;
    margin-bottom: 15px;
}

.select-community-to-post .container .relative .bg .container .wrapper, #full-screen-modal .container .relative .bg .container .wrapper {
    position: relative;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding-right: 10px;
    margin: 0 15px;
}

.select-community-to-post .container .relative .bg .container .wrapper {
    margin-top: 2px;
}

#full-screen-modal .container .relative .bg .container .wrapper {
    margin: 0;
}

.select-community-to-post .container .relative .bg .container .wrapper .title, #full-screen-modal .container .relative .bg .container .wrapper .title {
    display: block;
    position: absolute;
    top: 4px;
    left: 10px;
}

.select-community-to-post .container .relative .bg .container .wrapper .title .field, #full-screen-modal .container .relative .bg .container .wrapper .title .field {
    font-weight: 900;
    font-size: 14px;
    color: #a4a4a4;
}

.select-community-to-post .container .relative .bg .container .wrapper .title .field i, #full-screen-modal .container .relative .bg .container .wrapper .title .field i {
    font-size: 12px;
    color: #a4a4a4;
}

.select-community-to-post .container .relative .bg .container .wrapper .ais-SearchBox, #full-screen-modal .container .relative .bg .container .wrapper .ais-SearchBox {
    position: relative;
}

.select-community-to-post .ais-SearchBox-input, #full-screen-modal .ais-SearchBox-input {
    background-color: transparent;
    border: none;
    width: 100%;
    padding-left: 10px;
    padding-top: 26px;
    padding-bottom: 5px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 55px;
    font-size: 18px;
}

.select-community-to-post .ais-SearchBox-submit, #full-screen-modal .ais-SearchBox-submit {
    display: none;
}

.select-community-to-post .ais-SearchBox-reset, #full-screen-modal .ais-SearchBox-reset {
    position: absolute;
    right: -3px;
    top: 9px;
    padding: 10px;
    background-color: #ffffff;
}


/* search card carousel recommended */

.container-recommended-results {
    padding-bottom: 80px;
}

.carousel-card-md {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 222px;
    margin-bottom: 30px;
}

.container-recommended-results .carousel-card-md {
    margin-bottom: 60px;
}

.carousel-card-md-no-follow {
    height: initial;
    margin-bottom: 0;
}

#search-results-brand .carousel-card-md {
    height: 186px;
}

.carousel-card-md .card {
    border-radius: 15px;
    overflow: hidden;
    width: 150px;
    height: 220px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.carousel-card-no-follow {
    height: 182px;
}

.carousel-card-no-follow .card {
    height: 180px;
}

.carousel-card-md-no-follow .card {
    height: 186px;
}

#search-results-brand .carousel-card-md .card {
    height: 183px;
}

.carousel-card-md .card  .about-img {
    width: 100%;
    overflow: hidden;
    height: 80px;
    background-color: gainsboro;
}

.carousel-card-md .card  .about-img img {
    width: 100%;
    margin-top: -8px;
    background-color: #FCF2EF;
}

.carousel-card-md .card  .bg {
    background-color: #f8f8f8;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 107px;
}

.carousel-card-md-no-follow .card > .bg {
    height: 68px;
}

#search-results-brand .carousel-card-md .card  .bg {
    height: 71px;    
}

.carousel-card-md .card  .profile-img {
    width: 65px;
    height: 65px;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.carousel-card-md .card  .profile-img > .image {
    width: 100%;
}

.carousel-card-md .card  .bg > .brand-name {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
}

.carousel-card-md .card  .bg > .name {
    color: #656565;
    font-weight: 900;
    display: block;
    margin: 3px 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.carousel-card-md .card  .bg > .category-name {
    color: #656565;
    font-weight: 900;
    display: block;
    margin: 3px 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
}

.carousel-card-md .card  .bg > .description {
    font-size: 12px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
    position: relative;
    margin-top: 3px;
}

.carousel-card-md .card  .bg > .category-description {
    font-size: 12px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
    position: relative;
    margin-top: 3px;
}

.carousel-card-md .card .follow-box {
    margin-top: 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.carousel-card-md .card .follow-box .container {
    padding: 7px 15px 15px 15px;
    background-color: #f8f8f8;
}

.carousel-card-md-no-follow .card .follow-box .container {
    padding: 7px 15px 9px 15px;
}

.carousel-card-md .card .follow-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    display: block;
    text-align: center;
}

.carousel-card-md .card .follow-btn i {
    font-size: 12px;
    color: white;
}

.carousel-card-md .card .following-btn {
    background-color: white;
    color: #ff9f9f;
    border: 1px solid #ff9f9f;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    display: block;
    text-align: center;
}

.carousel-card-md-no-follow .card-more {
    border-radius: 15px;
    overflow: hidden;
    width: 122px;
    height: 158px;
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding: 15px;
    background-color: #f4f4f4;
}

.carousel-card-md-no-follow .card-more span {
    color: #868686;
    margin-top: 43px;
    display: block;
}

.carousel-card-md-no-follow .card-more i {
    color: #868686;
    font-size: 22px;
    margin-top: 10px;
}


/* history card */

.carousel-card-history {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 180px;
    margin-bottom: 20px;
}

.carousel-card-history .card {
    border-radius: 15px;
    overflow: hidden;
    width: 150px;
    height: 178px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.carousel-card-history .card .about-img {
    width: 100%;
    overflow: hidden;
    height: 110px;
    background-color: gainsboro;
}

.carousel-card-history .card .about-img img {
    height: 100%;
    background-color: #FCF2EF;
}

.carousel-card-history .card .product-img {
    width: 100%;
    height: 99px;
    background-color: gainsboro;
}

.carousel-card-history .card .product-img img {
    width: 100%;
    margin-top: 0;
    background-color: #FCF2EF;
}

.carousel-card-history .card .profile-img {
    width: 65px;
    height: 65px;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 55px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.carousel-card-history .card .profile-img img {
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-bottom: 0;
    margin-bottom: -4px;
    background-color: #e3e3e3;
    overflow: hidden;
    position: relative;
    max-height: 220px;
}

.carousel-card-history .card .bg {
    background-color: #f8f8f8;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 35px;
}

.carousel-card-history .product .bg {
    background-color: #f8f8f8a8;
    padding: 5px 10px 13px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 61px;
}

.carousel-card-history .card .brand-name {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
}

.carousel-card-history .product .brand {
    font-family: "Space Mono", monospace;
    color: #656565;
    display: block;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 13px;
    font-size: 13px;
}

.carousel-card-history .card .name {
    color: #656565;
    font-weight: 900;
    display: block;
    margin: 3px 0 2px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
}

.carousel-card-history .product .name {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: -3px;
}

.carousel-card-history .card .type {
    font-size: 12px;
    color: #aaaaaa;
    margin-top: 3px;
    font-weight: 500;
    display: block;
    margin: 3px 0 0px 0;
}

.ph-card-history-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 180px;
    margin-bottom: 20px;
}

.ph-card-history-carousel .card {
    border-radius: 15px;
    overflow: hidden;
    width: 150px;
    height: 178px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.ph-card-history-carousel .card .about-img {
    width: 100%;
    overflow: hidden;
    height: 110px;
    background-color: #F4F4F4;
}

.ph-card-history-carousel .card .profile-img {
    width: 65px;
    height: 65px;
    border: 2px solid #ededed;
    border-radius: 50%;
    position: absolute;
    top: 55px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.ph-card-history-carousel .card .bg {
    background-color: white;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 35px;
}

.ph-card-history-carousel .card .bg .ph-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 32px;
    position: relative;
}

.ph-bg div,
.ph-bg-2 div,
.ph-bg-3 div {
    background: #fff;
    position: absolute;
}

.ph-card-history-carousel .card .bg .ph-bg .ph-bar {
    top: 12px;
    left: 0;
    right: 0;
    height: 8px;
}

.ph-card-content-carousel {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 0 5px 15px 15px;
}

.ph-card-reviews-carousel .card {
    display: inline-block;
    width: 198px;
    background-color: #ffffff;
    padding: 15px 15px 0 15px;
    border-radius: 15px;
    margin-right: 7px;
    min-height: 215px;
    vertical-align: top;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.ph-card-questions-carousel .card {
    display: inline-block;
    width: 198px;
    background-color: #ffffff;
    padding: 15px 15px 0 15px;
    border-radius: 15px;
    margin-right: 7px;
    min-height: 255px;
    vertical-align: top;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.ph-card-content-carousel .card .header {
    height: 42px;
    margin-bottom: 10px;
}

.ph-card-content-carousel .card .header .image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    border: 1px solid #e1e1e1;
    background-color: white;
    overflow: hidden;
}

.ph-card-content-carousel .card .header .info-product {
    padding-left: 10px;
    float: left;
    width: 145px;
    overflow: hidden;
}

.ph-card-content-carousel .card .header .info-product .ph-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 42px;
    position: relative;
}

.ph-card-content-carousel .card .header .info-product .ph-bg .ph-bar-1 {
    top: 10px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .header .info-product .ph-bg .ph-bar-2 {
    top: 26px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .header .info-product .ph-bg .ph-bar-3 {
    top: 32px;
    left: 55px;
    right: 0;
    height: 10px;
}

.ph-card-content-carousel .card .ph-bg-2 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 55px;
    position: relative;
    margin-top: 40px;
}

.ph-card-content-carousel .card .ph-bg-2 .ph-bar-1 {
    top: 14px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .ph-bg-2 .ph-bar-2 {
    top: 34px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .ph-bg-2 .ph-bar-3 {
    top: 40px;
    left: 95px;
    right: 0;
    height: 15px;
}

.ph-card-content-carousel .card .ph-bg-3 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 42px;
    position: relative;
    margin-top: 15px;
}

.ph-card-content-carousel .card .ph-bg-3 .ph-bar-1 {
    top: 10px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .ph-bg-3 .ph-bar-2 {
    top: 26px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-content-carousel .card .ph-bg-3 .ph-bar-3 {
    top: 32px;
    left: 95px;
    right: 0;
    height: 10px;
}

.ph-card-brands-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 250px;
}

.ph-card-brands-carousel .card {
    border-radius: 15px;
    overflow: hidden;
    width: 230px;
    height: 245px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.ph-card-brands-carousel .card .about-img {
    width: 100%;
    overflow: hidden;
    height: 143px;
    background-color: #F4F4F4;
}

.ph-card-brands-carousel .card .profile-img {
    width: 80px;
    height: 80px;
    border: 2px solid #ededed;
    border-radius: 50%;
    position: absolute;
    top: 73px;
    background-color: white;
    z-index: 1;
    left: 5px;
    overflow: hidden;
}

.ph-card-brands-carousel .card .bg {
    background-color: white;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 71px;
}

.ph-card-brands-carousel .card .bg .ph-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 66px;
    position: relative;
}

.ph-card-brands-carousel .card .bg .ph-bg .ph-bar-1 {
    top: 0;
    left: 100px;
    right: 0;
    height: 17px;
}

.ph-card-brands-carousel .card .bg .ph-bg .ph-bar-2 {
    top: 17px;
    left: 0;
    right: 0;
    height: 7px;
}

.ph-card-brands-carousel .card .bg .ph-bg .ph-bar-3 {
    top: 34px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-brands-carousel .card .bg .ph-bg .ph-bar-4 {
    top: 50px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-brands-carousel .card .bg .ph-bg .ph-bar-5 {
    top: 56px;
    left: 100px;
    right: 0;
    height: 12px;
}

.ph-card-products-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    margin-bottom: 10px;
}

.ph-card-products-carousel .card {
    width: 152px;
    float: left;
    text-align: center;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
}

.ph-card-products-carousel .card .image {
    width: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
    border-top: 1px solid #e3e6e8;
    overflow: hidden;
    border-left: 1px solid #e3e6e8;
    border-right: 1px solid #e3e6e8;
    height: 150px;
    background-color: #f4f4f4;
}

.ph-card-products-carousel .card .info {
    background-color: white;
    padding: 15px 10px 13px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 100px;
    border-left: 1px solid #e3e6e8;
    border-bottom: 1px solid #e3e6e8;
    border-right: 1px solid #e3e6e8;
}

.ph-card-products-carousel .card .info .ph-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 95px;
    position: relative;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-1 {
    top: 0;
    left: 70px;
    right: 0;
    height: 16px;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-2 {
    top: 16px;
    left: 0;
    right: 0;
    height: 8px;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-3 {
    top: 36px;
    left: 0;
    right: 0;
    height: 8px;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-4 {
    top: 55px;
    left: 0;
    right: 0;
    height: 8px;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-5 {
    top: 74px;
    left: 0;
    right: 0;
    height: 8px;
}

.ph-card-products-carousel .card .info .ph-bg .ph-bar-6 {
    top: 82px;
    left: 70px;
    right: 0;
    height: 13px;
}

.ph-card-articles-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    height: 395px;
}

.ph-card-articles-carousel .card {
    border-radius: 15px;
    overflow: hidden;
    width: 230px;
    height: 393px;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.ph-card-articles-carousel .card .about-img {
    width: 100%;
    overflow: hidden;
    height: 230px;
    background-color: #F4F4F4;
}

.ph-card-articles-carousel .card .bg {
    background-color: white;
    padding: 20px 15px 13px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    height: 130px;
}

.ph-card-articles-carousel .card .bg .ph-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 66px;
    position: relative;
}

.ph-card-articles-carousel .card .bg .ph-bg .ph-bar-1 {
    top: 0;
    left: 100px;
    right: 0;
    height: 17px;
}

.ph-card-articles-carousel .card .bg .ph-bg .ph-bar-2 {
    top: 17px;
    left: 0;
    right: 0;
    height: 7px;
}

.ph-card-articles-carousel .card .bg .ph-bg .ph-bar-3 {
    top: 34px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-articles-carousel .card .bg .ph-bg .ph-bar-4 {
    top: 50px;
    left: 0;
    right: 0;
    height: 6px;
}

.ph-card-articles-carousel .card .bg .ph-bg .ph-bar-5 {
    top: 56px;
    left: 100px;
    right: 0;
    height: 12px;
}






@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}


#search-results-container {
    margin-top: 15px;
}

.brand-card-search {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.brand-card-search .container {
    position: relative;
    overflow: hidden;
}

.ais-Hits-item:nth-child(2n+1) .brand-card-search .container {
    padding-right: 7px;
}

.ais-Hits-item:nth-child(2n+2) .brand-card-search .container {
    padding-left: 7px;
}

.brand-card-search .header, .categories-card .header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    height: 100px;
    background-color: #fce8e1;
}

.brand-card-search .header img, .categories-card .header img {
    width: 120%;
    position: relative;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fcf5f3;
}

.brand-card-search .profile-photo {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    top: 45px;
    left: 8px;
    background-color: white;
    border: 2px solid white;
    overflow: hidden;
}

.brand-card-search .profile-photo img {
    width: 100%;
}

.ais-Hits-item:nth-child(2n+2) .brand-card-search .profile-photo {
    left: 15px;
}

.brand-card-search .info {
    background-color: #f2f2f2;
    padding: 15px 15px 18px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 60px;
    overflow: hidden;
}

.brand-card-search .info .brand-card-name {
    font-family: "Space Mono", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #656565;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    line-height: 19px;  
}

.brand-card-search .info .brand-card-about {
    font-size: 12px;
    color: #868686;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
    position: relative;
}

.brand-card-search .footer {
    position: absolute;
    bottom: 0;
    width: 83%;
    margin-left: 12px;
}

.brand-card-search .footer div {
    background-color: #f2f2f2;
    width: 100%;
    height: 10px;
}


.ais-Hits-list .ais-Hits-item{
    list-style-type: none;
}

.search-results-empty {
    display: none;
}

.search-results-empty .section-title i, .search-results-empty .section-title span {
    color: lightgrey;
}

.search-results-empty .section-title {
    margin-bottom: 8px;
}

.search-results-empty .empty {
    font-size: 12px;
    margin-left: 2px;
    color: #b4b4b4;
}

.fa-rotate-45 {
    transform: rotate(-45deg);
}

#full-screen-modal .p-list-sm {
    display: block;
    margin-top: -10px;
}

#searchbox-brands-2-navbar, #searchbox-products-navbar, #searchbox-communities-navbar, #searchbox-categories-navbar, #searchbox-articles-navbar, #searchbox-users-navbar {
    display: none;
}

#search-results-brands {
    margin-top: -5px;
    display: block;
    width: 100%;
    display: table;
}

#search-results-products, #search-results-communities, #search-results-categories, #search-results-articles, #search-results-users, #search-results-products-community {
    padding: 0 15px;
}

#search-results-products {
    margin-top: -15px;
}

.ais-SearchBox-loadingIndicator {
    position: absolute;
    top: 17px;
    right: 3px;
}


/* search community */

.communities-container {
    padding: 15px 15px 30px 15px;
}

.community-row {
    height: 65px;
    display: block;
    position: relative;
    padding: 10px 0;
}

/*.community-row-type {
    height: 95px;
}*/

.community-row img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid lightgrey;
    float: left;
}

.community-row-disabled img {
    opacity: 0.5;
}

.community-row > .info-col {
    padding-left: 75px;
}

.community-row > .info-col > .top-col > .name, .community-row > .info-col > .name  {
    display: block;
    font-weight: 900;
    margin-bottom: 2px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;    
}

.community-row > .info-col > .top-col > .brand, .community-row > .info-col > .name {
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
}

.community-row-disabled > .info-col > .top-col > .name, .community-row-disabled > .info-col > .name  {
    color: #bbbbbb;
}

.community-row-disabled > .info-col > .top-col > .brand, .community-row-disabled > .info-col > .name {
    color: #bbbbbb;
}

.community-row > .info-col > .top-col > .type {
    color: #c7c7c7;
    font-size: 13px;
    font-weight: 900;
    display: block;
    margin: 0px 0 2px 0;
}

.community-row > .info-col > .top-col > .type-highlight {
    color: red;
}

.community-row > .info-col > .description  {
    font-size: 11px;
    line-height: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.community-row-disabled > .info-col > .description  {
    color: #bbbbbb;
}

.community-row > .info-col > .product-name  {
    font-size: 14px;
    line-height: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.community-row > .info-col > .top-col {
    width: 135px;
    display: inline-block;
}

.community-row > .info-col > .follow { 
    position: absolute;
    top: 15px;
    right: 0;
    width: 90px;
    height: 30px;
}

.community-row > .info-col > .follow .follow-btn {
    border: 1px solid #ff9f9f;
    background-color: #ff9f9f;
    color: white;    
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
}

.community-row > .info-col > .follow .follow-btn i {
    font-size: 12px;
    color: white;
    
}

.community-row > .info-col > .follow .active {
    background-color: white !important;
    color: #ff9f9f !important;
    border: 1px solid #ff9f9f !important;
}

.container-recommended-results .container-body {
    padding: 0 15px;
    margin-top: 15px;
} 

.container-body .title i, .container-body-bottom .title i {
    color: #eea996;
    font-size: 14px;
}

.recommended-body-padding {
    padding: 0 15px 110px 15px;
}

.search-section-box {
    margin-bottom: 20px;
}

.container-recommended-results .pnl-no-pad .section-title {
    margin: 0 15px 15px 15px;
}

.communities-container .follow-alert {
    background: linear-gradient(90deg, #ff5171 0%, #ff8aa0 100%) !important;
    padding: 20px;
    border-radius: 15px;
    margin: 0 0 20px 0;
}

.communities-container .follow-alert .title {
    color: white;
    font-size: 22px;
    font-weight: 900;
    display: block;
    margin-bottom: 7px;
}

.communities-container .follow-alert .title i {
    color: white;
    font-size: 20px;
}

.communities-container .follow-alert .subtitle {
    color: white;
    font-size: 16px;
    display: block;
    margin-bottom: 12px;
}

.communities-container .follow-alert .btn-md {

}


/* search articles */

.article-row {
    height: 90px;
    display: block;
}

.article-row > img {
    width: 90px;
    height: 80px;
    border-radius: 10px;
    float: left;
}

.article-row > .info-col {
    padding-left: 100px;
}

.article-row > .info-col > .section {
    font-family: "Space Mono", monospace;
    font-size: 10px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #FF5072;
    margin-bottom: 2px;
}

.article-row > .info-col > .title {
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
}

.article-row > .info-col > .title > mark {
    font-weight: 900;
    background-color: #ffe9e2;
}


/* search category */

.search-category-row {
    height: 50px;
    display: block;
}

.search-category-row > img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
}

.search-category-row > .info-col {
    float: left;
    padding-left: 10px;
}

.search-category-row > .info-col-cat {
    float: left;
    padding-left: 10px;
    margin-top: 9px;
}

.search-category-row > .info-col > .name, .search-category-row > .info-col-cat > .name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.search-category-row > .info-col > .name > mark, .search-category-row > .info-col-cat > .name > mark {
    background-color: #ffe9e2;
}

.search-category-row > .info-col > .cat-sub-names {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #aaaaaa;
}

.search-category-row > .info-col > .cat-sub-names > mark {
    font-size: 12px;
    background-color: #ffe9e2;
}



/* search users */

.user-row {
    height: 60px;
    display: block;
    padding-left: 5px;
}

.user-row > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    border: 1px solid lightgrey;
}

.user-row > .info-col {
    padding-left: 50px;
}

.user-row > .info-col > .name {
    font-weight: 900;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
    float: left;
    margin-top: 8px;
}

.user-row > .info-col > .name > mark {
    font-weight: 900;
    font-size: 18px;
    background-color: #ffe9e2;
}


/* search ingredient */

#ingredient-hits .ingredient {
    height: 35px;
    padding-left: 5px;
}

#ingredient-hits .ingredient > span > mark {
    background-color: #ffe9e2;
}

/*No results*/

.empty-results {
    padding: 0 10px 20px 10px;
}

.empty-results .title {
    font-weight: 900;
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}

.empty-results .subtitle {
    display: block;
    margin-bottom: 15px;
    line-height: 20px;
}

#suggest-form, #suggest-thanks, #suggest-form-community, #suggest-thanks-community {
    display: none;
    padding: 5px 15px;
}

#suggest-form .input .container,
#suggest-form-community .input .container {
    margin-bottom: 10px;
}

#suggest-form .send-btn {
    margin-top: 20px;
}


/* Menu Modal */

.menu-modal {
    width: 75%;
    height: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 65;
    animation-duration: 600ms;
    display: none;
}

.menu-modal > .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.menu-modal .container .relative {
    position: relative;
    overflow: hidden;
    height: 100%;
}


.menu-modal .container .relative .bg {
    background-color: white;
    overflow-y: scroll;
    height: 100vh;
}

.menu-modal .lds-ellipsis-container {
    text-align: center;
    padding-top: 100px;
}

/* Menu Modal */

.menu-modal {

}

.menu-modal .container {

}

.menu-modal .container .user-profile {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.menu-modal .container .user-profile .container {
    
}

.menu-modal .container .user-profile .photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 20px;
    background-color: #DDDDDD;
    margin-left: 5px;
}

.menu-modal .container .user-profile .photo img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.menu-modal .container .user-profile .user-name {
    margin-top: 7px;
    display: flex;
    font-weight: 900;
    font-size: 18px;
    margin-left: 5px;
}

.menu-modal .container .user-profile .user-name .badges {
    margin-left: 5px;
}

.menu-modal .container .user-profile .user-name .badges .admin {
    color: white;
    font-size: 12px;
    background-color: #ff9e9e;
    padding: 2px 7px 1px 7px;
    border-radius: 10px;
    border: 1px solid #ff9e9e;
    font-weight: 400;
}

.menu-modal .container .user-profile .user-name .badges .employee {
    color: white;
    font-size: 12px;
    background-color: #454545;
    padding: 2px 7px 1px 7px;
    border-radius: 10px;
    border: 1px solid #454545;
    font-weight: 400;
}

.menu-modal .container .user-profile .user-name .badges .brand {
    color: white;
    font-size: 12px;
    background-color: #454545;
    padding: 2px 7px 1px 7px;
    border-radius: 10px;
    border: 1px solid #454545;
    font-weight: 400;
}

.menu-modal .container .user-profile .user-name .badges .ambassador {
    color: white;
    font-size: 12px;
    background-color: #ff9800;
    padding: 2px 7px 1px 7px;
    border-radius: 10px;
    border: 1px solid #ff9800;
    font-weight: 400;
}

.menu-modal .container .user-profile .user-name .badges i {
    color: white;
    font-size: 10px;
}

.menu-modal .container .user-info {
    display: flex;
    margin-left: 5px;
    margin-top: 3px;
}

.menu-modal .container .user-profile .user-info .icon-left {
    
}

.menu-modal .container .user-profile .user-info .icon-left .circle-icon {
    width: 20px;
    height: 20px;
    background-color: #4EA94E;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    margin-top: 5px;
}

.menu-modal .container .user-profile .user-info .icon-left .circle-icon > i {
    color: white;
    font-size: 12px;
}

.menu-modal .container .user-profile .user-info .info-right {
    padding-left: 5px;
    padding-top: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu-modal .container .user-profile .user-info .info-right .biuexp-number {
    font-size: 15px;
    font-weight: 900;
    display: block;
}

.menu-modal .container .user-profile .user-info .info-right .biuexp-text {
    font-size: 13px;
    color: #8c7a94;
    display: block;
    margin-left: 5px;
}

.menu-modal .container .alert-row {
    padding: 15px 0 0px 0;
}

.menu-modal .container .menu-nav-divider {
    padding: 15px;
}

.menu-modal .container .menu-nav-divider .container {
    border-bottom: 1px solid #c8c1cb;
} 

.menu-modal .container .alert-row .alert-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border-radius: 10px;
    padding: 12px 15px 13px 15px;
    display: block;
}

.menu-modal .container .alert-row .alert-btn .title {
    color: white;
    font-weight: 900;
    display: block;
    margin-bottom: 2px;
}

.menu-modal .container .alert-row .alert-btn .subtitle {
    color: white;
    font-size: 14px;
    display: block;
    line-height: 18px;
}

.menu-modal .container .close-menu-modal {
    position: absolute;
    right: 8px;
    top: 9px;
    height: 40px;
    width: 40px;
    text-align: center;
}

.menu-modal .container .close-menu-modal i {
    font-size: 28px;
    color: #DDDDDD;
    margin-top: 6px;
}

.menu-modal .container .menu-ribbon {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    width: 100%;
    margin-bottom: 10px;
}

.menu-modal .container .menu-ribbon .container {
    padding: 20px 20px 25px 20px;
}

.menu-modal .container .menu-ribbon .container .logo {
    width: 90px;
    height: 20px;
    display: block;
    margin-bottom: 20px;
}

.menu-modal .container .menu-ribbon .container .title {
    display: block;
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    color: white;
    margin-bottom: 5px;
}

.menu-modal .container .menu-ribbon .container .subtitle {
    display: block;
    color: white;
    font-size: 14px;
}

.menu-modal .container .menu-ribbon .container .btns {
    margin-top: 15px;
}

.menu-modal .container .menu-ribbon .container .btns .btn-menu-transparent {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin-right: 5px;
    display: inline-block;
    margin: auto;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 7px;
}

.menu-modal .container .menu-ribbon .container .btns .btn-menu-solid {
    border: 1px solid #67419f;
    color: #623e9c;
    display: inline-block;
    margin: auto;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
}

.menu-modal .menu-nav {
    width: 100%;
}

.menu-modal .menu-nav > .container {
    padding-left: 7px;
    padding-bottom: 100px;
}

.menu-modal .menu-nav > .container .nav-a {
    display: inline-block;
    width: initial;
}

.menu-modal .menu-nav .container .active {
    
}

.menu-modal .menu-nav .container .nav-a > .container {
    width: 260px;
    padding: 12px 0px 7px 12px;
    height: 42px;
    border-radius: 20px;
    text-align: left;
    margin-left: -7px;
    display: flex;
    justify-content: space-between;
}

.menu-modal .menu-nav .container .nav-a > .container > i {
    color: #8c7994;
    margin-right: 15px;
    margin-top: 12px;
    font-size: 13px;
}

.menu-modal .menu-nav > .container .nav-a .container .info {
    
}

.menu-modal .menu-nav .container .nav-a .container .info .nav-icon {
    float: left;
    height: 30px;
    width: 35px;
    text-align: center;
    margin-right: 10px;
    margin: auto;
}

.menu-modal .menu-nav .container .nav-a .container .info .nav-icon i {
    color: #8c7994;
    font-size: 16px;
    margin-top: 4px;
}

.menu-modal .menu-nav .container .active .container .info .nav-icon i {
    color: #FF9F9F;
}

.menu-modal .menu-nav .container .nav-a .container .info .nav-text-col {
    margin-right: 15px;
    margin-left: 40px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    overflow-wrap: break-word;
    min-width: 0px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0px;
}

.menu-modal .menu-nav .container .nav-a .container .info .nav-text-col .nav-text {
    overflow-wrap: break-word;
    min-width: 0px;
    font-size: 17px;
    font-weight: 500;
    color: #8c7994;
    white-space: inherit;
    display: block;
    margin-bottom: -6px;
    line-height: 24px;
}

.menu-modal .menu-nav .container .nav-a .container .info .nav-text-col .nav-subtext {
    font-size: 13px;
    font-weight: 400;
    color: #8c7994;
}

.menu-modal .menu-nav .container .active .container .info .nav-text-col .nav-text {
    color: #FF9F9F !important;
}

.menu-modal .menu-nav .container .nav-collapse-menu {
    display: none;
}

.menu-modal .menu-nav .container > .nav-collapse-menu > .container {
    padding-left: 45px;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .element {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-modal .menu-nav .container .nav-collapse-menu .element {
    
}

.menu-modal .menu-nav .container .nav-collapse-menu .element .text {
    color: #8c7994;
    font-weight: 500;
}

.menu-modal .menu-nav .container .nav-collapse-menu .element i {
    color: #8c7994;
    font-size: 13px;
    margin-right: 25px;
}

.menu-modal .menu-nav .container .nav-collapse-menu-collections .element i {
    margin-right: 5px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-cat {
    display: none;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-cat .container {
    padding-left: 15px;
    padding-bottom: 30px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-cat .container .element {
    
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-cat .container .element .text {
    color: #8c7994;
    font-weight: 500;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-cat .container .element .text i {
    color: #8c7994;
    font-size: 13px;
}


.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subcat {
    display: none;
}

.menu-modal .menu-nav .container .nav-collapse-menu > .active {
    display: block;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subcat .container {
    padding-left: 15px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subcat .element .text {
    color: #8c7994;
    font-weight: 500;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subcat .element .text i {
    color: #8c7994;
    font-size: 13px;
}


.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subsubcat {
    display: none;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subsubcat .container {
    padding-left: 15px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subsubcat .element {
    padding-right: 15px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-subsubcat .element .text {
    color: #8c7994;
    font-weight: 500;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon {
    display: none;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon .container {
    padding-bottom: 30px;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon .element {
    justify-content: left;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon .element .profile {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon .element .text {
    color: #8c7994;
    font-weight: 500;
}

.menu-modal .menu-nav .container .nav-collapse-menu .nav-collapse-icon .element .text i {
    color: #8c7994;
    font-size: 13px;
}



/* Cart Modal */

/* Menu Modal */

.cart-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 65;
    animation-duration: 600ms;
    display: none;
}

.cart-modal > .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cart-modal .container .relative {
    position: relative;
    overflow: hidden;
    height: 100%;
}


.cart-modal .container .relative > .bg {
    background-color: white;
    overflow-y: scroll;
    height: 100vh;
}

.cart-modal .lds-ellipsis-container {
    text-align: center;
    padding-top: 100px;
}

.cart-modal .container .relative .bg  {

}

.cart-modal .container .relative .bg .container {
    
}

.cart-modal .container .relative .bg .container .cart-header {
    display: flex;
    padding: 20px 15px;
    justify-content: space-between;
}

.cart-modal .container .relative .bg .container .cart-header-empty {
    justify-content: flex-end;
}

.cart-modal .container .relative .bg .container .cart-header .title {
    font-size: 28px;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .cart-header .close-cart-modal {
    width: 40px;
    height: 40px;
    margin-top: -5px;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .cart-header .close-cart-modal i {
    color: #DDDDDD;
    font-size: 28px;
}

.cart-modal .container .relative .bg .container .summary-ph {
    padding: 0 15px 15px 15px;
}

.cart-modal .container .relative .bg .container .summary-ph .table {
    margin-bottom: 20px;
}

.cart-modal .container .relative .bg .container .summary-ph .table .row {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 19px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}


.cart-modal .container .relative .bg .container .summary-ph .table .row .white-bar {
    background: #fff;
    position: absolute;
}

.cart-modal .container .relative .bg .container .summary-ph .table .row-1 .white-bar {
    width: 45%;
    height: 19px;
    left: 35%;
}

.cart-modal .container .relative .bg .container .summary-ph .table .row-2 .white-bar {
    width: 64%;
    height: 19px;
    left: 20%;
}

.cart-modal .container .relative .bg .container .summary-ph .table .row-3 .white-bar {
    width: 40%;
    height: 19px;
    left: 45%;
}

.cart-modal .container .relative .bg .container .summary-ph .table .row-promo .white-bar {
    width: 34%;
    height: 19px;
    left: 55%;
}

.cart-modal .container .relative .bg .container .summary-ph .table .total-row {
    border-top: 1px solid #DBDBDB;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    padding-top: 10px; 
}

.cart-modal .container .relative .bg .container .summary-ph .table .total-row .container {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 21px;
    position: relative;
    width: 100%;
}

.cart-modal .container .relative .bg .container .summary-ph .table .total-row  .container .white-bar {
    background: #fff;
    position: absolute;
    width: 40%;
    height: 21px;
    left: 35%;
}

.cart-modal .container .relative .bg .container .summary-ph .wide-btn-ph {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 45px;
    position: relative;
}

.cart-modal .container .relative .bg .container .body-ph {
    padding: 15px;
    background-color: #F8F8F8;
    height: 100vh;
}

.cart-modal .container .relative .bg .container .summary {
    padding: 0 15px 5px 15px;
}

.cart-modal .container .relative .bg .container .summary .table {
    
}

.cart-modal .container .relative .bg .container .summary .table .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row {
    background-color: #272727;
    padding: 8px 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-left {

}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-left .text {
    color: white;
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-left .remove-biucredits {
    font-size: 13px;
    color: white;
    cursor: pointer;
    margin-top: 2px;
    background-color: transparent;
    padding: 0px 6px;
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-left .remove-biucredits i {
    color: white;
    font-size: 14px;
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-left .remove-biucredits:hover {
    
}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-right {

}

.cart-modal .container .relative .bg .container .summary .table .biucredits-row .col-right .text {
    font-size: 16px;
    color: white;
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .summary .table .row-subtotal {
    border-top: 1px solid #DBDBDB;
    margin-top: 12px;
    padding-top: 10px;
    margin-bottom: 30px;
}

.cart-modal .container .relative .bg .container .summary .table .row-border-bottom {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.cart-modal .container .relative .bg .container .summary .table .row-border-bottom .row {
    margin-bottom: 0;
}

.cart-modal .container .relative .bg .container .summary .table .row .col-left {
    display: inline-flex;
    align-items: center;
}

.cart-modal .container .relative .bg .container .summary .table .row .col-left .text {
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .summary .table .row .promo-text {
    color: #68519b;
}

.cart-modal .container .relative .bg .container .summary .table .row .promo-tag {
    background-color: #e1d6e9;
    padding: 2px 5px;
    border-radius: 4px;
    color: #554069;
    margin-right: -4px;
}

.cart-modal .container .relative .bg .container .summary .table .row .promo-tag-left {
    margin-right: 5px;
    font-size: 14px;
    padding: 3px 8px;
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-left button,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-left button {
    font-size: 13px;
    margin-left: 10px;
    color: #896b97;
    cursor: pointer;
    margin-top: -1px;
    background-color: white;
    border: 1px solid #a8a8a8;
    padding: 3px 10px;
    border-radius: 15px;
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-left button i,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-left button i {
    font-size: 9px;
    color: #7557bb;
}

.cart-modal .container .relative .bg .container .summary .table .row .col-right {
    display: inline-flex;
    align-items: center;
}

.cart-modal .container .relative .bg .container .summary .table .row .col-right .text {
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .summary .table .total-row,
.cart-modal .container .relative .bg .container .summary .table .subtotal-row {
    border-top: 1px solid #DBDBDB;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.cart-modal .container .relative .bg .container .summary .table .subtotal-row {
    padding-bottom: 7px;
}

.cart-modal .container .relative .bg .container .summary .table .total-row-2 {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-left,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-left {
    display: flex;
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-left .text-strong,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-left .text-strong {
    font-size: 18px;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .summary .table .subtotal-row .col-left .text-strong {
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-right,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-right {
    
}

.cart-modal .container .relative .bg .container .summary .table .total-row .col-right .text-red,
.cart-modal .container .relative .bg .container .summary .table .total-row-2 .col-right .text-red {
    color: #E34261;
    font-weight: 900;
    font-size: 18px;
}

.cart-modal .container .relative .bg .container .summary .table .subtotal-row .col-right .text-red {
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .summary .table .savings-row {
    display: flex;
    justify-content: space-between;
}

.cart-modal .container .relative .bg .container .summary .table .code-container {
    display: flex;
    width: 100%;
    margin-bottom: -10px;
    margin-top: 7px;
}

.cart-modal .container .relative .bg .container .summary .table .savings-row .code-container {
    
}

.cart-modal .container .relative .bg .container .summary .table .code-container .code {
    background: linear-gradient(111deg, #ff5171 0%, #ea2549 100%);
    padding: 0px 0 0 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-right: 7px;
    margin-bottom: 10px;
}

.cart-modal .container .relative .bg .container .summary .table .code-container .code span {
    font-weight: 900;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
}

.cart-modal .container .relative .bg .container .summary .table .code-container .code .remove-code {
    width: 25px;
    height: 27px;
    margin-left: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-modal .container .relative .bg .container .summary .table .code-container .code .remove-code i {
    color: #ff99ab;
    font-size: 13px;
}

.cart-modal .container .relative .bg .container .summary .table .savings-row .col-right {
    
}

.cart-modal .container .relative .bg .container .summary .table .savings-row .col-right .text-purple {
    background-color: #e1d7e9;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 6px;
    display: flex;
    align-items: center;
}

.cart-modal .container .relative .bg .container .summary .table .savings-row .col-right .text-purple .text {
    font-weight: 500;
    font-size: 14px;
    color: #55406a;
    margin-right: 5px;
}

.cart-modal .container .relative .bg .container .summary .table .savings-row .col-right .text-purple .number {
    font-weight: 500;
    font-size: 14px;
    color: #55406a;
}

.cart-modal .container .relative .bg .container .kueski-offer-container,
.cart-modal .container .relative .bg .container .biucredits-offer-container {
    padding: 0 0 15px 0;
    margin-top: -15px;
}

.biucredits-summary-container {
    margin-bottom: 20px;
}

.biucredits-summary-container .biucredits {
    background: linear-gradient(111deg, #272727 66%, #707070 100%);
    border-radius: 10px;
    padding: 9px 15px;
}

.biucredits-summary-container .available-biucredits {
    background: initial;
    background-color: white;
    border: 1px solid #d5d9d9;
}

.biucredits-summary-container .biucredits {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.biucredits-summary-container .biucredits .left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.biucredits-summary-container .biucredits .left .top span {
    color: white;
    font-weight: 500;
    font-size: 16px;
}

.biucredits-summary-container .biucredits .left .top .btn-sm:hover {
    background-color: black;
}

.biucredits-summary-container .biucredits .left .bottom {
    
}

.biucredits-summary-container .biucredits .left .bottom span {
    font-size: 13px;
    display: block;
    cursor: pointer;
    color: #959595;
    text-decoration: underline;
}

.biucredits-summary-container .biucredits .right {
    display: flex;
    align-items: center;
}

.biucredits-summary-container .biucredits .right .btn-sm {
    font-size: 13px;
    margin-right: 5px;
    color: white;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid white;
    padding: 3px 10px;
    border-radius: 15px;
    min-width: 38px;
}

.biucredits-summary-container .biucredits .right .amount .currency {
    font-size: 14px;
    color: white;
    font-weight: 400;
    margin-right: 5px;
}

.biucredits-summary-container .biucredits .right .amount .number {
    font-size: 16px;
    color: white;
    font-weight: 500;
}

.biucredits-summary-container .available-biucredits .right .amount .currency,
.biucredits-summary-container .available-biucredits .right .amount .number {   
    color: #454545;
    font-weight: 400;
    font-size: 15px;
}

.biucredits-summary-container .available-biucredits .left .top span {
    color: #454545;
    font-weight: 500;
    font-size: 16px;
}

.biucredits-summary-container .available-biucredits .left .bottom span {
    color: #888783;
    font-weight: 400;
    font-size: 14px;
}

.biucredits-summary-container .available-biucredits .right .currency {   
    font-size: 14px;
    margin-right: 3px;
    margin-top: 1px;
}

.cart-modal .container .relative .bg .container .pay-btn-box {
    height: 83px;
}

.cart-modal .container .relative .bg .container .pay-btn-box .pay-btn {
    background-color: white;
}

.cart-modal .container .relative .bg .container .pay-btn-box .pay-btn .container {
    padding: 15px 15px 15px 15px;
}

.cart-modal .container .relative .bg .container .pay-btn-box .fixed-pay-btn {
    position: fixed !important;
    top: 0;
    z-index: 30;
    width: 100%;
}

.cart-modal .container .relative .bg .container .pay-btn-box .pay-btn .wide-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border: none;
    font-weight: 900;
    color: white;
}

.cart-modal .container .relative .bg .container .pay-btn-box .pay-btn .wide-btn:hover {
    background: linear-gradient(111deg, #2d1974 0%, #ad71c9 100%);
}

.cart-modal .container .relative .bg .container .divider {
    background-color: #F0EEF3;
    height: 7px;
    width: 100%;
}

.cart-modal .container .relative .bg .container .body {
    padding: 30px 15px 15px 15px;
    background-color: #f0eef3;
}

.cart-modal .container .relative .bg .container .body .shipping-details-header {
    font-size: 14px;
    color: #A2A2A2;
    display: block;
    margin-bottom: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping {
    padding: 15px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #CDCDCD;
    margin-bottom: 20px;
}

.cart-modal .container .relative .bg .container .body .shipping-header {
    padding: 0 5px 20px 5px;
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: initial;
    border-bottom: 1px solid #CDCDCD;
}

.cart-modal .container .relative .bg .container .body .shipping > .header {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping .header .top {
    display: flex;
    justify-content: space-between;
}

.cart-modal .container .relative .bg .container .body .shipping .header .left {
    
}

.cart-modal .container .relative .bg .container .body .shipping .header .left .title {
    color: #FF9F9F;
    font-size: 21px;
    font-weight: 900;
    display: block;
    margin-bottom: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .header .left .subtitle {
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .header .left .subtitle a {
    color: #472B88;
}

.cart-modal .container .relative .bg .container .body .shipping .header .right {
    
}

.cart-modal .container .relative .bg .container .body .shipping .header .right .profile {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
}

.cart-modal .container .relative .bg .container .body .shipping .header .shipping-time {
    color: #468046;
    font-size: 18px;
    font-weight: 900;
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details {
    
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .shipping-section-title {
    color: #FF9F9F;
    font-size: 21px;
    font-weight: 900;
    display: block;
    margin-bottom: 5px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .shipping-info {
    display: inline-flex;
    align-items: center;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .shipping-time-container {
    
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .shipping-time-container .shipping-time {
    color: #468046;
    font-size: 18px;
    font-weight: 900;
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .header .cashback {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.cart-modal .container .relative .bg .container .body .shipping .header .cashback .info {
    background: linear-gradient(111deg, #272727 66%, #707070 100%);
    border-radius: 4px;
    padding: 3px 8px;
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.cart-modal .container .relative .bg .container .body .shipping .header .cashback .link {
    font-size: 14px;
    margin-left: 5px;
    text-decoration: underline;
    cursor: pointer;
    color: gray;
}

.cart-modal .container .relative .bg .container .body .shipping .header .cashback .promo {
    background-color: #e1d7e9;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 4px;
    color: #55406a;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-left: 5px;
}

.cart-modal .container .relative .bg .container .body .shipping .header .cashback .promo i {
    font-size: 12px;
    color: #55406a;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .title {
    display: block;
    font-weight: 900;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 17px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .title-red {
    background: linear-gradient(111deg, #467f46 0%, #8ede8e 100%);
    color: white;
    padding: 4px 10px 3px 10px;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .shipping-info .savings {
    background-color: #e1d7e9;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 4px;
    color: #55406a;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-left: 5px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .subtitle {
    color: #5A5A5A;
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info {
    margin-top: 5px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart {
    
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart .header .left {
    margin-top: -2px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart .header .left i {
    color: #467F46;
    font-size: 16px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart .header .left span {
    color: #007000;
    font-weight: 900;
    font-size: 19px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .chart .header .left span small {
    color: #94a694;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    margin-left: 21px;
    margin-top: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar {
    position: relative;
    width: 100%;
    height: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .show-info {
    height: 35px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .no-milestones {
    height: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .bg {
    height: 8px;
    width: 100%;
    background-color: #dddddd;
    border-radius: 10px;
    position: absolute;
    top: 0;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .fill {
    height: 8px;
    background: rgb(72,126,72);
    background: linear-gradient(90deg, rgba(72,126,72,1) 0%, rgba(29,181,29,1) 100%);
    border-radius: 10px;    
    position: absolute;
    top: 0;    
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone {
    position: absolute;
    top: -4px;
    display: flex;
    flex-direction: column;
    width: 60px;
    height: 16px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .show-info .milestone {
    height: 40px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .show-info .milestone-hidden-labels {
    height: 17px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone-hidden-labels .pipe,
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone-hidden-labels .text {
    display:  none !important;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .right {
    position: absolute;
    top: -4px;
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 40px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #dddddd;
    text-align: center;
    display: flex;
    position: absolute;
    left: 22px;
    top: -1px;
    justify-content: center;
    align-items: center;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .right .circle {
    right: 0px;
    left: initial;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .completed .circle {
    background-color: #379437;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .warning .circle {
    background-color: #ff9800;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .circle i {
    color: white;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .pipe {
    background-color: #B2AFAF;
    height: 10px;
    width: 1px;
    left: 30px;
    position: absolute;
    top: 16px;
    display: none;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .show-info .milestone .pipe {
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .right .pipe {
    left: initial;
    right: 8px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .completed .pipe {
    background-color: #007000;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .text {
    position: absolute;
    top: 22px;
    width: 65px;
    text-align: center;
    display: none;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .show-info .milestone .text {
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .right .text {
    width: 65px;
    text-align: right;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .text .label {
    color: #888783;
    font-size: 12px;
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .text .icon {
    display: none;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .text .icon i {
    color: #888783;
    font-size: 12px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .text span i {
    color: #888783;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .completed .text span,
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .completed .text span i {
    color: #007000;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .bar .milestone .right {

}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info > .info {
    padding: 20px 0 0px 0;
    display: none;
    margin-bottom: 0px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container {
    margin-top: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview {
    font-size: 14px;
    color: #007000;
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview .more {
    font-size: 14px;
    color: #007000;
    display: inline-flex;
    align-items: center;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview .more .fas {
    font-size: 10px;
    color: #007000;
    margin-left: 3px;
    margin-top: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview strong {
    font-weight: 500;
    color: #007000;
    font-size: 14px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning {
    background-color: #fef1c4;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #d9b035;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success {
    background-color: #e4f5e4;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #a0b2a0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview .icon-col {
    width: 35px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview .icon-col .circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning .icon-col .circle {
    background-color: #ff9800;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success .icon-col .circle {
    background-color: #467f46;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview .icon-col .circle i {
    color: white;
    font-size: 14px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview span {
    font-size: 15px;
    line-height: 20px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-preview span strong {
    font-weight: 900;
    font-size: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning span, 
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning strong {
    color: #7c6010;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success span, 
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success strong {
    color: #467f46;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning .more,
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-warning .more .fas {
    color: #9d8c5c;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success .more,
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-success .more .fas {
    color: #669564;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-btn {
    font-size: 14px;
    border-radius: 20px;
    color: #472a88;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .cart-info .btn-container .cart-info-btn i {
    color: #472a88;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details > .info {
    padding: 20px 0 0px 0;
    display: none;
    margin-bottom: 35px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row {
    margin-bottom: 20px;
    display: flex;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info div:last-child {
    margin-bottom: 0;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row-attention {
    background-color: #FFECB5;
    margin: -10px -15px 12px -15px;
    padding: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .icon {
    width: 45px;
    text-align: center;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .icon i {
    color: #8c7f97;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .active .icon i {
    color: #26a828;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .warning .icon i {
    color: #ff9800;
    font-size: 22px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .text {
    color: #575959;
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .active .right .text {
    color: #007000;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .strong {
    color: #472B88;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .attention {
    color: #e44160;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .active .right .strong {
    color: #007000;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .warning .right .text,
.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .warning .right .strong {
    color: #ff9800;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .promo-btn {
    background-color: #FFF0C4;
    padding: 2px 12px;
    font-size: 11px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid #D9B036;
    color: #7B6011;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .promo-btn i {
    color: #7B6011;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .promo-btn-white {
    background-color: white;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid white;
    color: #472B88;
    margin-top: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .promo-btn-white i {
    color: #472B88;
    font-size: 12px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .link {
    font-size: 14px;
    color: #472B88;
    font-weight: 400;
    margin-top: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .row .right .link i {
    font-size: 11px;
    color: #472B88;
}

.cart-modal .container .relative .bg .container .body .shipping .shipping-details .info .promo {
    margin: 0px 0 20px 0;
    display: none;
}

.cart-modal .container .relative .bg .container .empty-cart {
    max-width: 250px;
    margin: auto;
    text-align: center;
}

.cart-modal .container .relative .bg .container .empty-cart .icon-container {
    margin-bottom: 30px;
}

.cart-modal .container .relative .bg .container .empty-cart .icon-container .bg {
    background-color: #f8f8f8;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-modal .container .relative .bg .container .empty-cart .icon-container .bg i {
    font-size: 80px;
    margin-left: -10px;
    margin-top: 7px;
    color: #ff9e9e;
}

.cart-modal .container .relative .bg .container .empty-cart .title {
    font-size: 24px;
    font-weight: 200;
    display: block;
    margin-bottom: 15px;
}

.cart-modal .container .relative .bg .container .empty-cart .subtitle {
    color: darkgrey;
}

.cart-modal .container .relative .bg .container .empty-cart .subtitle a {
    text-decoration: underline;
    color: #fe9e9e;
}

.cart-modal .container .relative .bg .container .body .promos {
    background-color: #FF5072;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .promos {
    background-color: initial;
}

.cart-modal .container .relative .bg .container .body .promos .foreground {
    position: relative;
    z-index: 1;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .header {
    display: flex;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .header .title {
    font-size: 20px;
    font-weight: 900;
    color: white;
    display: flex;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .header .title .circle {
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-top: 1px;    
}

.cart-modal .container .relative .bg .container .body .promos .foreground .header .title .circle span {
    color: #ff5171;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar {
    position: relative;
    width: 100%;
    height: 7px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .bg {
    height: 7px;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    top: 0;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .fill {
    height: 7px;
    background: rgb(72,126,72);
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    border-radius: 10px;
    position: absolute;
    top: 0;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone {
    position: absolute;
    top: -6px;
    right: 0;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .circle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    display: flex;
    position: absolute;
    right: 0;
    top: -4px;
    justify-content: center;
    align-items: center;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .warning {
    background: linear-gradient(111deg, #ffffff 0%, #fffe00 100%);
    display: none;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .completed {
    background: linear-gradient(111deg, #ffffff 0%, #8ad98a 100%);
    display: none;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .visible {
    display: flex;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .fa-check {
    font-size: 14px;
    color: #ff728c;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .milestone .fa-exclamation {
    font-size: 14px;
    color: #ff5171;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .bar .active .fa-check {
    font-size: 14px;
    color: #2f8d2d;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .btn-container {

}

.cart-modal .container .relative .bg .container .body .promos .foreground .btn-container .text {
    color: white;
    line-height: 22px;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .btn-container .text strong {
    color: white;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .btn-container .link {
    font-size: 14px;
    color: #ffdfe5;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .btn-container .link i {
    font-size: 11px;
    color: #ffdfe5;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info {
    padding: 20px 0 0px 0;
    display: none;
    margin-bottom: 0px;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row {
    margin-bottom: 20px;
    display: flex;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .icon {
    width: 45px;
    text-align: center;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .icon i {
    color: white;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info div:last-child {
    margin-bottom: 0;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .right .text {
    color: white;
    font-weight: 500;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .right .text strong {
    color: white;
    font-weight: 900;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .active .right .text,
.cart-modal .container .relative .bg .container .body .promos .foreground .info .active .right .text strong,
.cart-modal .container .relative .bg .container .body .promos .foreground .info .active .icon i {
    color: #ab3a50;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .right .promo-btn {
    background-color: #fff4d5;
    padding: 2px 12px;
    font-size: 11px;
    border-radius: 20px;
    font-weight: 500;
    color: #7B6011;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .row .right .promo-btn i {
    color: #7B6011;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .promos .foreground .info .promo {
    margin: 0px 0 20px 0;
    display: none;
}

.cart-modal .container .relative .bg .container .body .promos .background {
    
}

.cart-modal .container .relative .bg .container .body .promos .background i {
    font-size: 150px;
    color: #ff728c;
    right: -50px;
    position: absolute;
    top: 15px;
}

.bottom-menu-modal > .container > .bg .action {
    position: absolute;
    top: 9px;
    right: 10px;
}

.bottom-menu-modal > .container > .bg .action .input-btn {
    display: inline-block;
    margin: auto;
    padding: 8px 15px;
    border: 1px solid #8d7399;
    color: #896b97;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    background-color: white;
    font-size: 15px;
}

.comparison-promo {
    background-color: white;
    padding: 15px 15px 0px 15px;
    margin-left: -15px;
    margin-right: -15px;
    border: none;
}

.comparison-promo .container {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.comparison-promo .store-title {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}

.comparison-promo .store-title img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    margin-top: 3px;
    float: left;
}

.comparison-promo .store-title .info {
    margin-top: 1px;
    float: left;
    margin-left: 7px;
}

.comparison-promo .store-title .info .top {
    height: 16px;
}

.comparison-promo .store-title .info .top .promo-post {
    height: 18px;
}

.comparison-promo .store-title .info .top .promo-post span {
    text-transform: uppercase;
    color: #332FAC;
    font-weight: 900;
    font-size: 14px;
    float: left;
    margin-right: 5px;
}

.comparison-promo .store-title .info .top .promo-post .standard {
    color: #332FAC;
}

.comparison-promo .store-title .info .top .promo-post .fa-tags {
    font-size: 10px;
    color: #332FAC;
    float: left;
    margin-top: 3px;
}

.comparison-promo .store-title .info .top .promo-post .exclusive {
    color: #ffc107;
}

.comparison-promo .store-title .info .top .promo-post .fa-star {
    font-size: 11px;
    color: #ffc107;
    float: left;
    margin-top: 2px;
}

.comparison-promo .store-title .info .user-promo {
    margin-top: -3px;
    display: block;
    float: left;
}

.comparison-promo .store-title .info .user-promo .store-user {
    font-size: 13px;
    color: gray;
    display: inline-block;
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
}

.comparison-promo .promo {
    margin-bottom: 0;
    overflow: hidden;
}

.comparison-promo .promo-exclusive .image {
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    margin-bottom: -4px;
    background-color: #e3e3e3;
    overflow: hidden;
    position: relative;
    height: 180px;
    float: initial;
    margin-left: 0;
    border: none;
    text-align: initial;
}

.comparison-promo .promo-exclusive .img {
    width: 110% !important;
    margin-bottom: -4px;
    margin-left: -10px;
    -webkit-filter: blur(10px);
}

.comparison-promo .promo-exclusive .profile {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    top: 110px;
    left: 15px;
    background-color: white;
}


.comparison-promo .promo-exclusive .footer {
    background: initial;
    padding: 0;
}

.comparison-promo .img-rounded {
    border-radius: 10px;
}


.cart-modal .container .relative .bg .container .body .shipping .items {
    padding-top: 30px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item {
    padding-bottom: 25px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 25px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .container {
    display: flex;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .left-col {
    width: 150px;
    padding-right: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .left-col .profile {
    width: 100px;
    border-radius: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col {
    width: 100%;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info {
    display: flex;
    flex-direction: column;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .brand {
    
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .brand a {
    font-family: "Space Mono", sans-serif;
    display: block;
    line-height: 16px;
    color: #5C5C5C;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .name {
    
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .name a {
    font-weight: 200;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .version {
    margin-bottom: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .version .bg {
    background-color: #fff1ec;
    border: 1px solid #ffd1d1;
    padding: 1px 11px;
    border-radius: 10px;
    display: inline-block;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .info .version .bg span {
    color: #FFA3A3;
    font-size: 14px;
    margin: 3px 0 3px 0;
    display: block;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 0;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price {
    display: flex;
    margin-bottom: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container {
    position: relative;
    display: flex;
    width: 85px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container-thou {
    width: 100px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container .currency {
    color: #bcbcbc;
    font-size: 14px;
    width: 8px;
    margin-top: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container .amount {
    color: #bcbcbc;
    font-weight: 900;
    width: 48px;
    text-align: right;
    font-size: 20px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container-thou .amount {
    width: 72px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container .cents {
    color: #bcbcbc;
    font-size: 14px;
    width: 20px;
    margin-top: 2px;
    margin-left: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .container .cross {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #bcbcbc;
    top: 9px;
    padding: 0px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .text {
    margin-left: 13px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .initial-price .initial {
    color: #939393;
    font-size: 14px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price {
    display: flex;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container {
    width: 80px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container-thou {
    width: 105px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container .currency {
    font-size: 14px;
    width: 8px;
    margin-top: 4px;
    margin-right: 7px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container .amount {
    font-size: 24px;
    font-weight: 900;
    text-align: right;
    width: 42px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container-thou .amount {
    width: 65px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .final-price .container .cents {
    font-size: 14px;
    margin-left: 3px;
    margin-top: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price {
    display: flex;
    margin: 0 0 5px 0;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container {
    position: relative;
    display: flex;
    width: 85px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container-thou {
    width: 105px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container .currency {
    color: #68529a;
    font-size: 14px;
    width: 16px;
    margin-top: 3px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container .amount {
    color: #68529a;
    font-weight: 900;
    width: 42px;
    text-align: right;
    font-size: 20px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container-thou .amount {
    width: 72px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .container .cents {
    color: #68529a;
    font-size: 14px;
    width: 20px;
    margin-top: 2px;
    margin-left: 2px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .text {
    margin-left: 5px;
    margin-top: -2px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .savings-price .text .savings {
    background-color: #e1d7e9;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 4px;
    color: #55406a;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: center;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .no-price {
    
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .promo-btn-container {
    text-align: center;
    display: flex;
    margin-top: 10px;
    margin-bottom: 5px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .promo-btn-container .promo-btn {
    background-color: #FFF0C4;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
    border: 1px solid #D9B036;
    color: #7B6011;
    cursor: pointer;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .promo-btn-container .promo-btn i {
    color: #7B6011;
    font-size: 11px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .price .promo-btn-container .promo-get-y {
    background: linear-gradient(111deg, #ff5171 0%, #ea2549 100%);
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 900;
    padding: 5px 10px;
    font-size: 14px;
    margin-top: -10px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .availability {
    margin-bottom: 10px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .availability .available {
    color: #007000;
    font-size: 13px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .availability .unavailable {
    color: red;
    font-size: 13px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .actions {
    display: flex;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .actions .col {
    margin-right: 15px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .right-col .actions .col .btn-md-wide {
    padding: 10px 20px;
}

.cart-modal .container .relative .bg .container .body .shipping .items .item .promos {
    display: none;
}

.cart-alerts {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 200;
}

.cart-alert {
    width: 100%;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 100;
    animation-duration: 600ms;
    display: none;
}

.cart-alert .container {
    padding: 15px;
    display: flex;
}

.cart-alert .container .bg {
    overflow: hidden;
    max-width: 360px;
    margin: auto;
    background-color: #FF5072;
    color: #ffffff;
    padding: 15px;
    border-radius: 15px;
    font-weight: 500;
    display: inline-block;
    box-shadow: -3px 3px 5px #0000001a;
    width: 100%;
}

.cart-alert .container .bg .header {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.cart-alert .container .bg .header i {
    color: white;
    margin-right: 5px;
}

.cart-alert .container .bg .header span {
    font-weight: 900;
    color: white;
}

.cart-alert .container .bg .body {
    
}

.cart-alert .container .bg .body .item {
    display: flex;
}

.cart-alert .container .bg .body .item .col-img {
    width: 80px;
    position: relative;
}

.cart-alert .container .bg .body .item .col-img img {
    width: 60px;
    border-radius: 8px;
    height: 60px;
    background-color: white;
    object-fit: cover;
}

.cart-alert .container .bg .body .item .col-img .quantity {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ff9e9e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 20px;
    right: -12px;
}

.cart-alert .container .bg .body .item .col-img .quantity span {
    color: white;
    font-weight: 900;
    font-size: 15px;
}

.cart-alert .container .bg .body .item .col-info {
    width: 100%;
    padding-left: 20px;
}

.cart-alert .container .bg .body .item .col-info .brand {
    font-family: "Space Mono", sans-serif;
    display: block;
    line-height: 16px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.cart-alert .container .bg .body .item .col-info .name {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    display: block;
    color: white;
}

.cart-alert .container .bg .body .item .col-info .version {
    background-color: #ffffff;
    padding: 1px 11px;
    border-radius: 10px;
    display: inline-block;
}

.cart-alert .container .bg .body .item .col-info .version span {
    color: #ff5071;
    font-size: 14px;
    margin: 3px 0 3px 0;
    display: block;
}

.cart-alert .container .bg .action {
    margin-top: 20px;
}

.cart-alert .container .bg .action .wide-btn {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    background-color: #ff5071;
    width: 100%;
    cursor: pointer;
    color: white;
    border: 1px solid white;
}

.bottom-menu-modal > .container > .bg .button-box > button > div > .circle-active {
    background-color: white;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    border: 2px solid #a1a1a1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-menu-modal > .container > .bg .button-box > button > div > .circle-active .inner-active {
    background-color: #a1a1a1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.cart-modal .updating {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffffd4;
    overflow-y: scroll;
    height: 100vh;
    display: none;
    z-index: 33;
}

.cart-modal .updating .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.cart-modal .updating .container .lds-ellipsis-container {
    text-align: center;
    padding-top: 0;
    margin-top: -140px;
}

.cart-modal .policies {
    padding: 0px 4px 50px 5px;
}

.cart-modal .policies span {
    color: #A2A2A2;
    font-size: 14px;
    display: block;
    line-height: 20px;
}

.cart-modal .policies span a {
    color: #472B88;
    font-size: 14px;
}

/* User Modal */

.user-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 60;
    animation-duration: 600ms;
    display: none;
    right: 0;
}

.user-modal > .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.user-modal .container .relative {
    position: relative;
    overflow: hidden;
    height: 100%;
}


.user-modal .container .relative .bg {
    background-color: #f0eef3;
    overflow-y: scroll;
    height: 100vh;

}

.user-modal .lds-ellipsis-container {
    text-align: center;
    padding-top: 100px;
}

.notifications {
    background-color: #f0eef3;
    height: 100%;
    display: block;
    width: 100%;
}

.notif-header {
    position: relative;
    text-align: center;
    width: 100%;
    height: 50px;    
    background-color: white;
}

.notif-header .user {
    left: 0;
    position: absolute;
    height: 50px;
    width: 60px;
    margin-left: 5px;
    z-index: 10;
}

.notif-header .user img {
    width: 35px;
    height: 35px;
    margin-top: 9px;
    border-radius: 50%;
    margin-left: -11px;
    object-fit: cover;
}

.notif-header .title {
    margin-top: 16px;
    position: absolute;
    left: 0;
    right: 0;
}

.notif-header .title span {
    font-weight: 900;
    color: #565656;
    font-size: 20px;
}

.notif-header .menu {
    right: 50px;
    position: absolute;
    height: 50px;
    width: 40px;
    display: none;
    height: 100%;
    cursor: pointer;
}

.notif-header .menu i {
    color: #dfd7e6;
    margin-top: 19px;
}

.notif-header .close {
    border-radius: 50%;
    right: 8px;
    top: 9px;
    position: absolute;
    z-index: 40;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.notif-header .close i {
    font-size: 28px;
    color: #dfd7e6;
}

.notifications .tw-menu {
    background-color: white;
}

.notifications .tw-menu > .container > .btn-container > .btn > a > span, .tw-menu > .container > .btn-container > .btn > span > span {
    /*font-size: 16px !important;*/ 
}

/* twitter menu */

.section-menu-container {
    height: 40px;
    background-color: white;
    /*padding-top: 3px;*/
}

.tw-menu {
    position: relative;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
    height: 40px;
}

.tw-menu-white {
    margin-bottom: 8px;
}

.tw-menu-empty {
    height: 10px;
    width: 100%;
}

.tw-menu .container {
    display: inline-block;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;    
}

.tw-menu .container > .white-gap {
    width: 15px;
    height: 10px;
    display: inline-block;
}

.tw-menu .container > .white-gap-end {
    width: 65px;
    height: 10px;
    display: inline-block;
}

.tw-menu .container > .btn-container-col {
    display: inline-block;
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.tw-menu .container > .btn-container {
    display: inline-block;
    padding: 0 3px;
}

.tw-menu .container .btn-container-col > .btn-container {
    width: 100px;
    margin: auto;
}

.tw-menu-white > .container > .btn-container {
    padding: 0 2px;
}

.tw-menu .container > .btn-container > .btn, .tw-menu .container .btn-container-col .btn-container > .btn {
    padding: 8px 8px 8px 8px;
    border-radius: 10px;
    cursor: pointer;
}

.tw-menu .container > .btn-container > .btn > .tw-menu-btn, .tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn {
    font-weight: 900;
    color: #b1aab5;    
}

.tw-menu .container > .btn-container > .btn > .tw-menu-btn > span, 
.tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > span {
    font-weight: 900;
    color: #b1aab5;
    display: inline-block;
    font-size: 18px
}

.tw-menu .container > .btn-container > .btn > .tw-menu-btn > span i,
.tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > span i {
    color: #b1a9b5;
}

.tw-menu-white > .container > .btn-container > .btn > .tw-menu-btn > span, .tw-menu-white > .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > span {
    font-weight: 900;
    color: #b1aab5;
    display: inline-block;
    font-size: 18px;
}

.tw-menu .container > .btn-container > .btn > .tw-menu-btn > div, .tw-menu .container > .btn-container > .btn > span > div, .tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > div, .tw-menu .container > .btn-container-col .btn-container > .btn > span > div {
    background-color: #FF5072;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    text-align: center;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    margin-top: 3px;
    float: right;
}

.tw-menu .container > .btn-container > .btn > .tw-menu-btn > div > span, .tw-menu .container > .btn-container > .btn > span > div > span, .tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > div > span, .tw-menu .container > .btn-container-col .btn-container > .btn > span > div > span {
    font-size: 13px;
    color: white;
    font-weight: 900;
    margin-top: 2px;
    position: absolute;
    top: -1px;
    right: 0;
    letter-spacing: -1px;
    left: -1px;
}

.tw-menu .container > .btn-container > .btn > .active > span, .tw-menu .container > .btn-container-col .btn-container > .btn > .active > span {
    color: #ff9e9e;
    font-weight: 900;
}

.tw-menu-notif > .container > .btn-container > .btn > .active > span,
.tw-menu-notif > .container > .btn-container > .btn > .active > span i {
    color: #ff9e9e !important;
}

.tw-menu-notif > .container > .btn-container .underline {
    background-color: #ff9e9e !important;
}

.tw-menu .container > .btn-container .underline-placeholder .underline, .tw-menu .container > .btn-container-col .btn-container .underline-placeholder .underline {
    height: 3px;
    display: block;
}

.tw-menu-home {
    background-color: white;
    height: 43px;
}

.tw-menu-home > .container {
    width: 100%;
}

.tw-menu-home > .container > .btn-container-col .btn-container > .btn {
    padding: 13px 8px 10px 8px;
}

.tw-menu-home .container-padding {
    padding: 3px 15px 0 15px;
}

.user-notification {
    background-color: white;
    padding: 10px 10px 15px 10px;
    margin-bottom: 7px;
    cursor: pointer;
}

.user-notification .top-row {
    display: table;
    width: 100%;
}

.user-notification .top-row .user-img {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    float: left;
    border: 1px solid white;
    object-fit: cover;
}

.user-notification-accessed .top-row .user-img {
    opacity: 0.5;
}

.user-notification .top-row .info {
    padding-left: 26px; 
}

.user-notification .top-row .info .text {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #5a5a5a;
}

.user-notification .top-row .info .text .red {
    color: #FF5072;
}

.user-notification-accessed .top-row .info .text,
.user-notification-accessed .top-row .info .text strong {
    color: #A3A3A4;
}

.user-notification-accessed .top-row .info .promo-banner img {
    opacity: 0.4;
}

.user-notification .top-row .info .text .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 4px;
    background-color: #676767;
    border-radius: 10px;
    padding: 0px 6px;
    color: white;
    margin-right: 2px;
}

.user-notification-accessed .top-row .info .text .brand {
    background-color: #A3A3A4;
}

.user-notification-accessed .btn-md {
    color: #c7c7c7;
    border: 1px solid #c3c3c3;
}

.user-notification .top-row .info .text .brand i {
    font-size: 10px;
    margin-left: -4px;
    margin-top: 3px;
    color: white;
}

.user-notification .top-row .info .promo-banner {
    width: 100%;
    min-height: 117px;
    border-radius: 15px;
    margin-bottom: 10px;
    margin-top: 8px;
    max-width: 320px;
    background-color: #e2e2e2;
    overflow: hidden;
}

.user-notification .top-row .info .promo-banner img {
    width: 100%;
    margin-bottom: -4px;
}

.user-notification .source-row {
    display: table;
    padding-left: 25px;
    margin-top: 7px;
}

.user-notification .source-row .source {
    color: #A3A3A4;
}

.user-notification .source-row .source .profile-picture {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    float: left;
    border: 1px solid #dddddd;
}

.user-notification-accessed .source-row .source .profile-picture {
    opacity: 0.5;
}

.user-notification .source-row .source .community {
    font-size: 14px;
    font-weight: 900;
    color: #3d3d3d;
    float: left;
    margin-top: 3px;
    margin-left: 3px;
}

.user-notification .source-row .source .brand {
    font-family: "Space Mono", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    color: #3d3d3d;
    float: left;
    margin-left: 3px;
}

.user-notification-accessed .source-row .source .community, .user-notification-accessed .source-row .source .brand {
    color: #A3A3A4;
}

.user-notification .source-row > .product, .user-notification .source-row > .brand {
    background-color: #eff2f7;
    padding: 5px 10px 5px 7px;
    border-radius: 10px;
    display: inline-flex;
    margin-right: 2px;
    max-width: 150px;
    height: 28px;
}

.user-notification .source-row .product .profile, .user-notification .source-row > .brand .profile {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    float: left;
    border: 1px solid white;
    margin-top: 1px;
}

.user-notification .source-row .product .info, .user-notification .source-row > .brand .info {
    padding-left: 5px;
    max-width: 120px;
}

.user-notification .source-row .product .info .brand {
    font-family: "Space Mono", sans-serif;
    font-size: 12px;
    font-weight: 900;
    display: block;
    color: #6375AE;
    text-transform: uppercase;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: -3px;
}

.user-notification .source-row .product .info .name {
    font-size: 12px;
    color: #6375AE;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.user-notification .source-row .brand .info .name {
    font-family: "Space Mono", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    color: #6375AE;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 6px;
}

.user-notification .biutesting-user-source {
    display: flex;
    padding-left: 25px;
    margin-bottom: 10px;
    padding-right: 20px;
}

.user-notification .biutesting-user-source .container {
    display: flex;
    align-items: center;
    background-color: #f0f2f6;
    padding: 7px;
    border-radius: 10px;
    width: 100%;
}

.user-notification .biutesting-user-source .container img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
}

.user-notification .biutesting-user-source .container .info {
    padding-left: 10px;
}

.user-notification .biutesting-user-source .container .info .type {
    display: block;
    font-size: 13px;
    color: gray;
}

.user-notification .biutesting-user-source .container .info .name {
    font-size: 14px;
    font-weight: 900;
    color: #3d3d3d;
    float: left;
    margin-top: 0px;
}

.user-notification .comment-row {
    padding-left: 25px;
    margin-top: 5px;
}

.user-notification .comment-row .notification-body, .user-notification .comment-row .notification-body p {
    font-size: 14px;
    color: #707070;
}

.user-notification .comment-row .notification-question-body, .user-notification .comment-row .notification-question-body p {
    font-size: 16px;
    color: #636363;
    display: inline-block;
    line-height: 20px;
}

.user-notification .comment-row .notification-question-body strong, .user-notification .comment-row .notification-question-body p strong {
    font-size: 16px;
    color: #A3A3A4;
}

.user-notification-accessed .comment-row .notification-question-body, .user-notification-accessed .comment-row .notification-question-body p {
    color: #A3A3A4;
}

.user-notification .comment-row .notification-comment .body ol, .user-notification .comment-row .notification-comment .body ul {
    padding-left: 20px;
    margin-bottom: 10px;
}

.user-notification .comment-row .notification-comment .body li {
    font-size: 16px;
    margin-bottom: 2px;
}

.user-notification .comment-row .notification-comment .body a {
    font-size: 16px;
    color: #2196F3;
}

.user-notification .comment-row .notification-comment .body strong, .comment .body em {
    font-size: 16px;
}

.user-notification .comment-row .notification-comment .body blockquote, .cke_editable blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 15px;
    padding-right: 8px;
    border-left-width: 5px;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
    line-height: 18px;
}

.user-notification .comment-row .notification-comment .body blockquote > p, .cke_editable blockquote > p {
    font-size: 15px
}

.user-notification .comment-row .created-at {
    font-size: 12px;
    color: #A3A7A8;
    margin-top: 7px;
    display: block;
}

.container-recommended-results .question-notif-container .question-notif-card{
    min-height: 255px;
}

.container-recommended-results .review-notif-container .review-notif-card {
    min-height: 215px;
}

#notifications-container .pagination a,
#notifications-container .pagination span {
    color: #e6eaeb;
}

.header-banner {
    background-color: #a0f0f7;
    z-index: 12;
    position: relative;
    min-height: 77px;
}

.header-banner .header-banner-carousel {
    
}

.header-banner .header-banner-banner {
    width: 100%;
}

.header-banner .header-banner-banner .header-banner-container {
    padding: 10px 37px;
    display: flex;
    justify-content: center;
    text-align: center;
    min-height: 38px;
    align-items: center;
}

.header-banner .header-banner-banner .header-banner-container .header-banner-span {
    color: #006670;
    font-weight: 900;
}

.header-banner .flickity-prev-next-button {
    width: 24px;
    height: 24px;
    top: 30px;
    background: #a0f0f7;
}

.header-banner .flickity-prev-next-button .flickity-button-icon {
    fill: #38abb7;
}

@media (min-width: 360px) {

    .community-row > .info-col > .top-col {
        width: 175px;
    }

    .tw-menu .container .btn-container-col > .btn-container { width:145px; }
}

@media (min-width: 375px) {

    .community-row > .info-col > .top-col {
        width: 191px;
    }

    .tw-menu .container .btn-container-col > .btn-container { width:145px; }
    .header-banner { min-height: 58px; }
    .biucredits-summary-container .biucredits .right .btn-sm { margin-right: 10px; }

}

@media (min-width: 414px) {

    .community-row > .info-col > .top-col {
        width: 230px;
    }

    .section-menu-container {
        height: 44px;
    }    

    .tw-menu {
        height: 44px;
    }

    .tw-menu-home {
        height: 47px;
    }

    .tw-menu-home .container-padding {
        padding: 3px 15px 0 15px;
    }    

    .tw-menu .container > .btn-container > .btn, 
    .tw-menu .container .btn-container-col .btn-container > .btn {
        padding: 8px 8px 9px 8px;
    }

    .tw-menu .container > .btn-container > .btn > .tw-menu-btn > span, .tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > span {
        font-size: 20px;
    }    

    .tw-menu .container .btn-container-col > .btn-container { width:160px; }

    .tw-menu .container > .btn-container-col .btn-container > .btn > .tw-menu-btn > span i {
        font-size: 20px;
        margin-right: 3px;
    }        
}

@media (min-width: 680px) {
    
    .tw-menu .container > .btn-container > .btn:hover, 
    .tw-menu .container .btn-container-col .btn-container > .btn:hover {
        background-color: #fff5f5;
    }

    .tw-menu .container .btn-container-col .btn-container > .btn:hover > .tw-menu-btn > span,
    .tw-menu .container .btn-container-col .btn-container > .btn:hover > .tw-menu-btn > span i,
    .tw-menu .container > .btn-container > .btn:hover > .tw-menu-btn span,
    .tw-menu .container > .btn-container > .btn:hover > .tw-menu-btn span i {
        color: #ff9e9e;
    }

    .select-community-to-post .container .relative .bg .container .wrapper .title .field, #full-screen-modal .container .relative .bg .container .wrapper .title .field {
        font-size: 15px;
    }

    .brand-card-search {
        width: 33%;
        float: left;
    }

    .brand-card-search .container {
        position: relative;
        overflow: hidden;
    }

    .ais-Hits-item:nth-child(2n+1) .brand-card-search .container {
        padding-right: 0px;
    }

    .ais-Hits-item:nth-child(2n+2) .brand-card-search .container {
        padding-left: 0px;
    }    

    .ais-Hits-item:nth-child(3n+1) .brand-card-search .container {
        padding-right: 7px;
    }

    .ais-Hits-item:nth-child(3n+2) .brand-card-search .container {
        padding-left: 7px;
        padding-right: 7px;
    }    

    .ais-Hits-item:nth-child(3n+3) .brand-card-search .container {
        padding-left: 7px;
    }    

    .brand-card-search:hover .info,
    .brand-card-search:hover .footer,
    .brand-card-search:hover .footer div {
        background-color: #faf5f3;
    }

    .user-modal {
        z-index: 62;
    }

    .user-modal .container .relative .bg {
        border-radius: 15px;
    }

    .community-row {
        padding: 10px;
        border-radius: 10px;
    }    

    .community-row:hover {
        background-color: #f2f2f2;
    }

    .recommended-to-user .section-title .icon-box i {
        font-size: 19px;
    }

    .recommended-to-user .section-title .title {
        font-size: 20px;
    }

    .recommended-to-user .section-title-margin-sm {
        margin-bottom: 15px;
    }

    .tw-menu {
        height: 43px;
    }    

    .tw-menu-home {
        height: 47px;
    }

    .tw-menu-white {
        border-bottom: none;
    }

    .cart-modal {
        width: 30%;
        max-width: 420px;
        right: 0;
    }

    .cart-modal .container .relative .bg .container .body .shipping .items .item .left-col {
        width: 160px;
    }

    .cart-modal .container .relative .bg .container .body .shipping .items .item .left-col .profile {
        width: 110px;
    }

    .header-banner-mobile {
        display: none;
    }

    .cart-modal .container .relative .bg .container .pay-btn-box {
        height: 76px;
    }

}

@media (min-width: 780px) {

    .tw-menu .container .btn-container-col > .btn-container { width: 120px;}

}


@media (min-width: 960px) {

    .tw-menu .container .btn-container-col > .btn-container { width: 140px;}

}





.hero-section {
	padding: 120px 30px 120px 30px;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(44,33,88,1) 100%);
	overflow: hidden;
}

/* night sky */

html {
  height: 100%;
}
html body {
  width: 100%;
  height: 100%;
  margin: 0;
}

.hero-section > .container .stars {
  z-index: 10;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 898px 849px #FFF , 586px 1995px #FFF , 408px 2350px #FFF , 703px 765px #FFF , 643px 2521px #FFF , 166px 1464px #FFF , 1462px 601px #FFF , 1486px 2403px #FFF , 1591px 2541px #FFF , 1464px 1892px #FFF , 20px 266px #FFF , 2398px 858px #FFF , 1269px 2074px #FFF , 608px 2445px #FFF , 2176px 1949px #FFF , 571px 1843px #FFF , 1089px 919px #FFF , 1407px 1935px #FFF , 785px 655px #FFF , 1061px 417px #FFF , 1817px 609px #FFF , 1422px 1513px #FFF , 733px 441px #FFF , 2302px 2115px #FFF , 743px 973px #FFF , 1869px 1813px #FFF , 575px 1025px #FFF , 923px 2051px #FFF , 130px 1482px #FFF , 2306px 1690px #FFF , 1925px 772px #FFF , 376px 1881px #FFF , 2171px 1034px #FFF , 2254px 54px #FFF , 1261px 2396px #FFF , 196px 1650px #FFF , 1220px 59px #FFF , 2296px 32px #FFF , 1672px 652px #FFF , 602px 2321px #FFF , 1170px 455px #FFF , 1704px 1972px #FFF , 1326px 1495px #FFF , 1940px 1437px #FFF , 1648px 228px #FFF , 320px 2318px #FFF , 227px 827px #FFF , 326px 1496px #FFF , 2418px 1358px #FFF , 812px 505px #FFF , 2341px 1114px #FFF , 2366px 1922px #FFF , 1975px 38px #FFF , 2242px 2054px #FFF , 1261px 980px #FFF , 2398px 384px #FFF , 929px 559px #FFF , 1272px 411px #FFF , 874px 1040px #FFF , 243px 1258px #FFF , 22px 1841px #FFF , 2307px 2135px #FFF , 1184px 1823px #FFF , 1995px 2473px #FFF , 1941px 2344px #FFF , 2453px 1476px #FFF , 1486px 626px #FFF , 119px 2474px #FFF , 620px 190px #FFF , 362px 2322px #FFF , 471px 2515px #FFF , 1972px 612px #FFF , 1751px 95px #FFF , 903px 1878px #FFF , 1430px 212px #FFF , 1121px 799px #FFF , 2241px 1618px #FFF , 2303px 1080px #FFF , 2253px 2506px #FFF , 27px 1210px #FFF , 286px 1282px #FFF , 1580px 1418px #FFF , 1209px 1755px #FFF , 589px 464px #FFF , 2071px 1411px #FFF , 909px 835px #FFF , 2304px 528px #FFF , 530px 1597px #FFF , 1462px 589px #FFF , 2477px 621px #FFF , 2374px 2100px #FFF , 1469px 2533px #FFF , 723px 1414px #FFF , 939px 195px #FFF , 442px 659px #FFF , 527px 1223px #FFF , 1639px 679px #FFF , 1228px 1430px #FFF , 256px 1323px #FFF , 2149px 540px #FFF , 1168px 1213px #FFF , 1282px 1266px #FFF , 1189px 1423px #FFF , 2031px 1189px #FFF , 1641px 1140px #FFF , 1960px 924px #FFF , 372px 673px #FFF , 1432px 753px #FFF , 746px 214px #FFF , 1507px 2050px #FFF , 818px 2258px #FFF , 1462px 2549px #FFF , 1143px 2086px #FFF , 554px 347px #FFF , 1989px 2528px #FFF , 1693px 2489px #FFF , 568px 1650px #FFF , 961px 2427px #FFF , 1322px 633px #FFF , 1933px 2349px #FFF , 883px 777px #FFF , 2544px 2114px #FFF , 992px 1234px #FFF , 1111px 1432px #FFF , 2194px 231px #FFF , 1153px 1585px #FFF , 1638px 2367px #FFF , 2085px 868px #FFF , 2169px 1317px #FFF , 227px 1885px #FFF , 1039px 2404px #FFF , 1320px 1550px #FFF , 392px 295px #FFF , 1623px 678px #FFF , 2069px 273px #FFF , 969px 604px #FFF , 1345px 1748px #FFF , 747px 1936px #FFF , 2073px 1974px #FFF , 1682px 1223px #FFF , 797px 1315px #FFF , 1743px 789px #FFF , 2041px 17px #FFF , 59px 2495px #FFF , 755px 1737px #FFF , 107px 266px #FFF , 1113px 810px #FFF , 1791px 284px #FFF , 482px 2351px #FFF , 1084px 1618px #FFF , 297px 2038px #FFF , 1126px 225px #FFF , 1115px 186px #FFF , 252px 1782px #FFF , 680px 875px #FFF , 1343px 1020px #FFF , 51px 627px #FFF , 773px 1567px #FFF , 2165px 2075px #FFF , 2073px 137px #FFF , 2310px 1083px #FFF , 650px 2330px #FFF , 1966px 2141px #FFF , 2002px 725px #FFF , 1467px 2396px #FFF , 1329px 1525px #FFF , 1889px 631px #FFF , 588px 1027px #FFF , 1895px 1634px #FFF , 1580px 2248px #FFF , 1930px 1345px #FFF , 2084px 1173px #FFF , 1276px 1631px #FFF , 2474px 74px #FFF , 1217px 1826px #FFF , 2016px 1424px #FFF , 1358px 28px #FFF , 492px 2113px #FFF , 969px 1534px #FFF , 494px 23px #FFF , 195px 2384px #FFF , 1985px 1164px #FFF , 85px 1px #FFF , 1422px 1991px #FFF , 734px 681px #FFF , 1661px 2330px #FFF , 2227px 1954px #FFF , 667px 1844px #FFF , 477px 1573px #FFF , 294px 1826px #FFF , 2275px 1835px #FFF , 1081px 1386px #FFF , 707px 1749px #FFF , 1055px 322px #FFF , 2331px 813px #FFF , 80px 215px #FFF , 292px 1758px #FFF , 504px 800px #FFF , 808px 1174px #FFF , 2522px 898px #FFF , 190px 492px #FFF , 1567px 844px #FFF , 1433px 2302px #FFF , 1751px 1849px #FFF , 103px 1773px #FFF , 1373px 2419px #FFF , 2303px 986px #FFF , 2340px 941px #FFF , 36px 1287px #FFF , 568px 883px #FFF , 763px 1738px #FFF , 2049px 2436px #FFF , 2452px 1629px #FFF , 497px 1368px #FFF , 1644px 2172px #FFF , 178px 1003px #FFF , 1130px 508px #FFF , 470px 880px #FFF , 1388px 1330px #FFF , 1255px 1790px #FFF , 1387px 1379px #FFF , 1332px 1900px #FFF , 1926px 970px #FFF , 1915px 1655px #FFF , 1908px 621px #FFF , 898px 2454px #FFF , 861px 15px #FFF , 804px 2282px #FFF , 271px 846px #FFF , 2153px 795px #FFF , 975px 1317px #FFF , 1257px 2540px #FFF , 1004px 688px #FFF , 739px 1766px #FFF , 416px 1862px #FFF , 1335px 117px #FFF , 1922px 1740px #FFF , 1382px 1135px #FFF , 1709px 1994px #FFF , 1262px 1611px #FFF , 1477px 2089px #FFF , 2373px 2489px #FFF , 280px 1108px #FFF , 2243px 1373px #FFF , 1795px 1246px #FFF , 985px 2351px #FFF , 1006px 65px #FFF , 1268px 440px #FFF , 1967px 2113px #FFF , 696px 1942px #FFF , 498px 239px #FFF , 127px 446px #FFF , 1582px 2401px #FFF , 304px 405px #FFF , 1584px 2071px #FFF , 219px 1382px #FFF , 591px 1206px #FFF , 2483px 12px #FFF , 1293px 77px #FFF , 65px 1366px #FFF , 1492px 686px #FFF , 2395px 631px #FFF , 2252px 940px #FFF , 2227px 2357px #FFF , 2475px 543px #FFF , 2158px 2547px #FFF , 593px 464px #FFF , 1909px 936px #FFF , 487px 1833px #FFF , 619px 1089px #FFF , 115px 200px #FFF , 926px 380px #FFF , 113px 1894px #FFF , 1579px 2054px #FFF , 1687px 1099px #FFF , 138px 2560px #FFF , 450px 1832px #FFF , 1328px 1421px #FFF , 56px 1209px #FFF , 2174px 245px #FFF , 1713px 1012px #FFF , 2034px 631px #FFF , 930px 179px #FFF , 135px 1740px #FFF , 1516px 1749px #FFF , 2138px 1754px #FFF , 2108px 961px #FFF , 2262px 1301px #FFF , 741px 120px #FFF , 2113px 2184px #FFF , 30px 2543px #FFF , 1573px 141px #FFF , 847px 277px #FFF , 800px 870px #FFF , 291px 32px #FFF , 1235px 2325px #FFF , 203px 1120px #FFF , 2117px 2252px #FFF , 1937px 1385px #FFF , 901px 310px #FFF , 465px 1114px #FFF , 218px 669px #FFF , 2294px 18px #FFF , 1189px 2489px #FFF , 1681px 1958px #FFF , 1658px 1389px #FFF , 1449px 199px #FFF , 50px 2126px #FFF , 28px 1222px #FFF , 696px 1010px #FFF , 320px 483px #FFF , 1145px 523px #FFF , 385px 871px #FFF , 524px 1424px #FFF , 1836px 1249px #FFF , 1942px 2538px #FFF , 1096px 1284px #FFF , 929px 2253px #FFF , 759px 1609px #FFF , 379px 2252px #FFF , 2225px 1722px #FFF , 1075px 764px #FFF , 1072px 212px #FFF , 2168px 1582px #FFF , 91px 1830px #FFF , 1915px 1011px #FFF , 2145px 1562px #FFF , 2550px 2271px #FFF , 2047px 2475px #FFF , 1041px 232px #FFF , 2179px 1068px #FFF , 329px 706px #FFF , 1949px 1262px #FFF , 1160px 369px #FFF , 2329px 1525px #FFF , 423px 314px #FFF , 495px 2090px #FFF , 2140px 172px #FFF , 586px 1424px #FFF , 39px 1798px #FFF , 1374px 183px #FFF , 2242px 774px #FFF , 2190px 1645px #FFF , 55px 1878px #FFF , 1981px 390px #FFF , 63px 791px #FFF , 2351px 388px #FFF , 17px 2081px #FFF , 443px 371px #FFF , 2517px 2326px #FFF , 2013px 821px #FFF , 1901px 1633px #FFF , 132px 1158px #FFF , 817px 697px #FFF , 1869px 2396px #FFF , 2449px 1024px #FFF , 1773px 1697px #FFF , 554px 332px #FFF , 1130px 1315px #FFF , 1007px 1356px #FFF , 1859px 2334px #FFF , 1330px 445px #FFF , 1371px 734px #FFF , 846px 866px #FFF , 607px 1757px #FFF , 1990px 1825px #FFF , 990px 2456px #FFF , 2350px 888px #FFF , 1003px 1514px #FFF , 1374px 339px #FFF , 1845px 1811px #FFF , 979px 739px #FFF , 1691px 1365px #FFF , 298px 2124px #FFF , 2477px 1657px #FFF , 1218px 16px #FFF , 1095px 690px #FFF , 1147px 669px #FFF , 1284px 1084px #FFF , 1630px 1188px #FFF , 975px 1419px #FFF , 583px 2163px #FFF , 1488px 2374px #FFF , 731px 1522px #FFF , 468px 1174px #FFF , 161px 873px #FFF , 125px 2197px #FFF , 522px 2166px #FFF , 947px 932px #FFF , 1882px 1466px #FFF , 1873px 1020px #FFF , 1805px 2205px #FFF , 2560px 784px #FFF , 1871px 1718px #FFF , 94px 2371px #FFF , 1315px 2280px #FFF , 566px 1061px #FFF , 712px 1656px #FFF , 683px 1659px #FFF , 2466px 1065px #FFF , 1349px 962px #FFF , 2500px 702px #FFF , 337px 1905px #FFF , 2559px 1490px #FFF , 2540px 1303px #FFF , 994px 5px #FFF , 438px 111px #FFF , 394px 1183px #FFF , 718px 2252px #FFF , 874px 944px #FFF , 1997px 750px #FFF , 1656px 1219px #FFF , 1964px 433px #FFF , 1805px 1813px #FFF , 1359px 2293px #FFF , 1015px 2377px #FFF , 1202px 1999px #FFF , 1669px 1955px #FFF , 2088px 1892px #FFF , 858px 1109px #FFF , 2395px 1731px #FFF , 1435px 1278px #FFF , 1628px 2257px #FFF , 2030px 1914px #FFF , 1072px 669px #FFF , 1541px 2103px #FFF , 1694px 637px #FFF , 739px 1989px #FFF , 1315px 2540px #FFF , 188px 166px #FFF , 147px 1086px #FFF , 1264px 220px #FFF , 826px 792px #FFF , 920px 484px #FFF , 1275px 1781px #FFF , 1290px 1609px #FFF , 2467px 1712px #FFF , 1218px 1416px #FFF , 1058px 832px #FFF , 1012px 1370px #FFF , 318px 351px #FFF , 2358px 352px #FFF , 2076px 1548px #FFF , 2036px 179px #FFF , 1470px 183px #FFF , 1568px 1573px #FFF , 2543px 1990px #FFF , 1318px 1836px #FFF , 2304px 1804px #FFF , 376px 365px #FFF , 122px 176px #FFF , 1167px 2129px #FFF , 1298px 1325px #FFF , 1706px 2472px #FFF , 1665px 1045px #FFF , 116px 522px #FFF , 470px 2426px #FFF , 1290px 588px #FFF , 2222px 1157px #FFF , 1521px 2337px #FFF , 1063px 2194px #FFF , 2189px 2146px #FFF , 1126px 1442px #FFF , 2538px 452px #FFF , 1934px 488px #FFF , 811px 2055px #FFF , 1299px 120px #FFF , 196px 882px #FFF , 823px 1016px #FFF , 1237px 1294px #FFF , 1943px 11px #FFF , 1228px 1712px #FFF , 787px 1652px #FFF , 5px 2467px #FFF , 157px 977px #FFF , 865px 1095px #FFF , 2172px 816px #FFF , 8px 769px #FFF , 2187px 2079px #FFF , 213px 1268px #FFF , 494px 1915px #FFF , 651px 1502px #FFF , 1112px 1848px #FFF , 1409px 2373px #FFF , 674px 194px #FFF , 2139px 1809px #FFF , 681px 2132px #FFF , 1976px 193px #FFF , 317px 147px #FFF , 883px 852px #FFF , 2379px 1508px #FFF , 201px 58px #FFF , 1568px 1817px #FFF , 1971px 2470px #FFF , 2497px 1313px #FFF , 2226px 1086px #FFF , 2246px 1352px #FFF , 1712px 717px #FFF , 1313px 340px #FFF , 871px 869px #FFF , 860px 1113px #FFF , 2247px 1068px #FFF , 1080px 491px #FFF , 1118px 1855px #FFF , 1566px 829px #FFF , 1762px 362px #FFF , 1173px 875px #FFF , 2021px 2130px #FFF , 819px 1896px #FFF , 1442px 2362px #FFF , 89px 1507px #FFF , 2114px 2158px #FFF , 1311px 2439px #FFF , 1095px 1337px #FFF , 2240px 1197px #FFF , 1942px 2126px #FFF , 450px 772px #FFF , 518px 789px #FFF , 1722px 1247px #FFF , 366px 945px #FFF , 1367px 751px #FFF , 528px 2026px #FFF , 620px 1431px #FFF , 1562px 680px #FFF , 216px 25px #FFF , 1285px 1728px #FFF , 1892px 1337px #FFF , 580px 2099px #FFF , 409px 123px #FFF , 606px 339px #FFF , 357px 85px #FFF , 1588px 1306px #FFF , 1118px 1048px #FFF , 2201px 1489px #FFF , 181px 204px #FFF , 2087px 47px #FFF , 1670px 1872px #FFF , 720px 2037px #FFF , 394px 1901px #FFF , 780px 1483px #FFF , 63px 1936px #FFF , 2098px 1531px #FFF , 2070px 2147px #FFF , 2294px 150px #FFF , 1130px 1203px #FFF , 625px 1717px #FFF , 1216px 746px #FFF , 1140px 2526px #FFF , 1690px 2113px #FFF , 1718px 2313px #FFF , 814px 303px #FFF , 2047px 2162px #FFF , 2496px 2220px #FFF , 1839px 1765px #FFF , 1452px 1277px #FFF , 1388px 19px #FFF , 1043px 1826px #FFF , 805px 1866px #FFF , 383px 2370px #FFF , 766px 1001px #FFF , 1806px 1069px #FFF , 2520px 1611px #FFF , 1738px 709px #FFF , 1622px 934px #FFF , 1118px 1133px #FFF , 2469px 780px #FFF , 1552px 205px #FFF , 405px 2111px #FFF , 314px 686px #FFF , 2079px 557px #FFF , 1745px 2080px #FFF , 2154px 1366px #FFF , 2357px 1942px #FFF , 2145px 35px #FFF , 1484px 1902px #FFF , 688px 1685px #FFF , 2363px 2388px #FFF , 1308px 2353px #FFF , 475px 323px #FFF , 2099px 1918px #FFF , 105px 1668px #FFF , 2192px 2403px #FFF , 2347px 348px #FFF , 677px 1526px #FFF , 1805px 1108px #FFF , 718px 2450px #FFF , 2181px 130px #FFF , 2146px 355px #FFF , 880px 2541px #FFF , 1233px 1405px #FFF , 1721px 2539px #FFF , 1955px 220px #FFF , 1842px 450px #FFF , 1545px 1842px #FFF , 1991px 2353px #FFF , 571px 1342px #FFF , 2401px 102px #FFF , 2032px 794px #FFF , 507px 671px #FFF , 395px 1981px #FFF , 2488px 1562px #FFF , 1619px 920px #FFF , 2477px 2051px #FFF , 892px 68px #FFF , 1483px 1859px #FFF , 2330px 319px #FFF , 523px 674px #FFF , 107px 1023px #FFF , 1113px 2007px #FFF , 28px 1880px #FFF , 854px 2555px #FFF , 855px 1087px #FFF , 1261px 2103px #FFF , 2548px 2345px #FFF , 162px 2380px #FFF , 219px 1747px #FFF , 2560px 1049px #FFF , 1989px 626px #FFF , 671px 2094px #FFF , 83px 80px #FFF , 1004px 2554px #FFF , 1102px 932px #FFF , 1657px 1507px #FFF , 634px 864px #FFF , 1325px 2526px #FFF , 1666px 2261px #FFF , 1619px 1088px #FFF , 1262px 1872px #FFF , 1545px 680px #FFF , 1686px 1839px #FFF , 1230px 390px #FFF , 765px 1012px #FFF , 2381px 720px #FFF , 1967px 48px #FFF , 1383px 399px #FFF , 1300px 1689px #FFF , 900px 791px #FFF , 2336px 89px #FFF , 118px 1165px #FFF , 141px 2236px #FFF , 1267px 240px #FFF , 382px 1250px #FFF , 6px 320px #FFF , 656px 2542px #FFF , 589px 1334px #FFF , 2385px 2480px #FFF , 1570px 1237px #FFF , 2182px 1380px #FFF , 75px 1002px #FFF , 1684px 961px #FFF , 22px 1783px #FFF , 357px 2428px #FFF , 941px 1418px #FFF , 42px 927px #FFF , 2206px 2170px #FFF , 1969px 1677px #FFF , 1730px 2272px #FFF , 1998px 1346px #FFF , 1342px 1524px #FFF , 589px 1310px #FFF , 1866px 1490px #FFF , 1761px 1667px #FFF , 1949px 1507px #FFF , 2545px 204px #FFF , 1180px 1873px #FFF , 2170px 1488px #FFF , 1509px 699px #FFF , 1567px 1482px #FFF , 1833px 1946px #FFF , 1912px 735px #FFF , 1093px 444px #FFF , 211px 1652px #FFF , 934px 950px #FFF , 738px 541px #FFF , 2386px 943px #FFF , 1267px 863px #FFF , 1878px 1698px #FFF , 1878px 1571px #FFF , 2493px 365px #FFF , 1252px 897px #FFF , 2189px 2368px #FFF , 781px 669px #FFF , 572px 975px #FFF , 785px 1396px #FFF , 243px 1023px #FFF , 169px 1770px #FFF , 1099px 691px #FFF , 2117px 1927px #FFF , 191px 529px #FFF , 382px 2156px #FFF , 1358px 757px #FFF , 346px 1764px #FFF , 1748px 569px #FFF , 1407px 932px #FFF , 754px 907px #FFF , 372px 2173px #FFF , 2032px 1778px #FFF , 1070px 492px #FFF , 1535px 892px #FFF , 794px 16px #FFF , 1592px 1543px #FFF , 333px 89px #FFF , 2193px 27px #FFF , 2481px 173px #FFF , 525px 860px #FFF , 952px 279px #FFF , 1581px 467px #FFF , 1189px 341px #FFF , 1390px 1732px #FFF , 1957px 786px #FFF , 595px 191px #FFF , 475px 991px #FFF , 1948px 1838px #FFF , 1566px 1423px #FFF , 464px 434px #FFF , 26px 755px #FFF , 2046px 1688px #FFF , 1125px 2309px #FFF , 2505px 1473px #FFF , 2412px 1758px #FFF , 1635px 43px #FFF , 1472px 963px #FFF , 2381px 2540px #FFF , 1594px 747px #FFF , 1550px 2082px #FFF , 1999px 27px #FFF , 1830px 2118px #FFF , 2331px 2175px #FFF , 477px 87px #FFF , 677px 1131px #FFF , 430px 1259px #FFF , 2430px 252px #FFF , 1761px 268px #FFF , 1886px 1212px #FFF , 2015px 1977px #FFF , 1003px 1469px #FFF , 192px 794px #FFF , 186px 218px #FFF , 547px 2289px #FFF , 2129px 1994px #FFF , 2141px 1550px #FFF , 213px 1759px #FFF , 1302px 1520px #FFF , 195px 122px #FFF , 1965px 682px #FFF , 1615px 1802px #FFF , 2187px 804px #FFF , 190px 233px #FFF , 1535px 255px #FFF , 1477px 942px #FFF , 455px 1978px #FFF , 1655px 1135px #FFF , 98px 104px #FFF , 1493px 1178px #FFF , 1336px 191px #FFF , 861px 1654px #FFF , 1934px 387px #FFF , 608px 101px #FFF , 1355px 191px #FFF , 371px 1600px #FFF , 953px 1441px #FFF , 24px 1572px #FFF , 1572px 1707px #FFF , 933px 680px #FFF , 966px 232px #FFF , 2511px 134px #FFF , 112px 799px #FFF , 10px 1732px #FFF , 1371px 2354px #FFF , 2100px 101px #FFF , 630px 2339px #FFF , 1393px 1323px #FFF , 99px 1176px #FFF , 1639px 2361px #FFF , 2076px 1861px #FFF , 943px 855px #FFF , 2523px 2276px #FFF , 1315px 433px #FFF , 686px 12px #FFF , 2047px 500px #FFF , 854px 2px #FFF , 1740px 1785px #FFF , 422px 1839px #FFF , 1482px 1198px #FFF , 2428px 2482px #FFF , 352px 911px #FFF , 2076px 139px #FFF , 238px 1153px #FFF , 733px 2042px #FFF , 931px 1800px #FFF , 824px 1938px #FFF , 2128px 809px #FFF , 1198px 577px #FFF , 1998px 2139px #FFF , 593px 1074px #FFF , 2433px 1185px #FFF , 1534px 2236px #FFF , 1876px 1700px #FFF , 491px 1305px #FFF , 2550px 2038px #FFF , 2306px 940px #FFF , 1708px 2301px #FFF , 2168px 609px #FFF , 216px 730px #FFF , 2255px 783px #FFF , 1568px 2122px #FFF , 572px 891px #FFF , 473px 1500px #FFF , 2305px 917px #FFF , 2435px 1941px #FFF , 2103px 1353px #FFF , 1606px 2496px #FFF , 2035px 1923px #FFF , 1120px 812px #FFF , 1689px 116px #FFF , 2434px 819px #FFF , 180px 837px #FFF , 548px 1423px #FFF , 760px 1266px #FFF , 1720px 1345px #FFF , 2259px 1857px #FFF , 1255px 1014px #FFF , 852px 884px #FFF , 1861px 702px #FFF , 440px 2546px #FFF , 1918px 108px #FFF , 2254px 1527px #FFF , 1824px 514px #FFF , 499px 666px #FFF , 106px 845px #FFF , 1421px 1018px #FFF , 227px 1841px #FFF , 1268px 2384px #FFF , 1168px 470px #FFF , 1748px 876px #FFF , 2073px 1119px #FFF , 1218px 814px #FFF , 119px 766px #FFF , 231px 26px #FFF , 2272px 644px #FFF , 2129px 1076px #FFF , 504px 799px #FFF , 2391px 673px #FFF , 1026px 870px #FFF , 1390px 1647px #FFF , 49px 1495px #FFF , 195px 1729px #FFF , 596px 2312px #FFF , 884px 1246px #FFF , 111px 454px #FFF , 2534px 608px #FFF , 769px 1721px #FFF , 1462px 253px #FFF , 310px 579px #FFF , 1308px 1846px #FFF , 2148px 955px #FFF , 540px 1498px #FFF , 498px 1498px #FFF , 839px 1570px #FFF , 1571px 1618px #FFF , 431px 1586px #FFF , 1231px 865px #FFF , 2146px 989px #FFF , 726px 1099px #FFF , 2282px 1177px #FFF , 365px 1659px #FFF , 1918px 648px #FFF , 955px 1628px #FFF , 1025px 1492px #FFF , 2333px 2280px #FFF , 1396px 1192px #FFF , 1557px 782px #FFF , 1423px 279px #FFF , 24px 1990px #FFF , 483px 2305px #FFF , 669px 475px #FFF , 1455px 1923px #FFF , 1107px 2025px #FFF , 108px 654px #FFF , 1846px 808px #FFF , 119px 168px #FFF , 1971px 164px #FFF , 1633px 516px #FFF , 1750px 2390px #FFF , 678px 2162px #FFF , 2150px 2031px #FFF , 170px 1539px #FFF , 104px 16px #FFF , 1593px 1501px #FFF , 1861px 78px #FFF , 387px 36px #FFF , 1634px 2052px #FFF , 224px 1621px #FFF , 1417px 1461px #FFF , 323px 1713px #FFF , 1566px 1068px #FFF , 1884px 1454px #FFF , 472px 2270px #FFF , 1405px 1490px #FFF , 798px 2015px #FFF , 1391px 1934px #FFF , 793px 17px #FFF , 994px 2219px #FFF , 36px 1885px #FFF , 1205px 1509px #FFF , 85px 1799px #FFF , 2188px 1377px #FFF , 1615px 2514px #FFF , 447px 530px #FFF , 201px 802px #FFF , 879px 1082px #FFF , 2306px 1029px #FFF , 2426px 550px #FFF , 570px 1300px #FFF , 52px 747px #FFF , 1281px 1806px #FFF , 193px 2452px #FFF , 1286px 2257px #FFF , 1996px 1998px #FFF , 451px 316px #FFF , 458px 2259px #FFF , 744px 1916px #FFF , 4px 163px #FFF , 1296px 151px #FFF , 2450px 1634px #FFF , 2346px 1081px #FFF , 80px 1767px #FFF , 1915px 2470px #FFF , 8px 701px #FFF , 323px 1173px #FFF , 875px 303px #FFF , 1556px 313px #FFF , 193px 852px #FFF , 927px 445px #FFF , 2105px 806px #FFF , 247px 942px #FFF , 2497px 177px #FFF , 395px 1263px #FFF , 2292px 1533px #FFF , 198px 1018px #FFF , 1514px 22px #FFF , 943px 656px #FFF , 417px 2px #FFF , 2427px 1200px #FFF , 2518px 437px #FFF , 2367px 511px #FFF , 220px 1947px #FFF , 625px 2265px #FFF , 2332px 2148px #FFF , 1710px 2252px #FFF , 1130px 2154px #FFF , 2108px 1121px #FFF , 2273px 1391px #FFF , 1980px 1026px #FFF , 661px 843px #FFF , 2450px 718px #FFF , 620px 968px #FFF , 1783px 496px #FFF , 1260px 1835px #FFF , 1155px 1880px #FFF , 1148px 814px #FFF , 87px 301px #FFF , 1850px 1159px #FFF , 2558px 2483px #FFF , 2528px 2058px #FFF , 1324px 1518px #FFF , 2090px 84px #FFF , 1312px 1466px #FFF , 1705px 1633px #FFF , 2326px 137px #FFF , 2402px 508px #FFF , 2006px 2334px #FFF , 70px 1319px #FFF , 1498px 2248px #FFF , 918px 729px #FFF , 92px 1308px #FFF , 1717px 1849px #FFF , 223px 94px #FFF , 2316px 561px #FFF , 1150px 1392px #FFF , 1500px 1906px #FFF , 1960px 773px #FFF , 946px 783px #FFF , 1100px 762px #FFF , 2023px 753px #FFF , 812px 616px #FFF , 1790px 400px #FFF , 2010px 3px #FFF , 739px 2082px #FFF , 467px 380px #FFF , 1114px 689px #FFF , 1528px 1900px #FFF , 148px 1669px #FFF , 788px 759px #FFF , 1255px 1670px #FFF , 121px 1544px #FFF , 1015px 1586px #FFF , 1656px 2218px #FFF , 1634px 2001px #FFF , 861px 1628px #FFF , 774px 1810px #FFF , 1225px 1288px #FFF , 1907px 1700px #FFF , 2241px 446px #FFF , 2157px 2219px #FFF , 185px 1642px #FFF , 1168px 1549px #FFF , 1227px 605px #FFF , 1663px 1895px #FFF , 494px 2103px #FFF , 946px 2089px #FFF , 1423px 1780px #FFF , 270px 467px #FFF , 633px 1456px #FFF , 2207px 2025px #FFF , 165px 590px #FFF , 1363px 943px #FFF , 1246px 1130px #FFF , 448px 779px #FFF , 968px 40px #FFF , 2317px 1914px #FFF , 1234px 290px #FFF , 251px 2377px #FFF , 2531px 1994px #FFF , 2043px 1840px #FFF , 1864px 925px #FFF , 885px 1349px #FFF , 2395px 2432px #FFF , 1010px 793px #FFF , 91px 1452px #FFF , 2067px 1182px #FFF , 773px 2300px #FFF , 1578px 1656px #FFF , 1257px 1859px #FFF , 1019px 1171px #FFF , 1741px 545px #FFF , 2543px 308px #FFF , 978px 770px #FFF , 2459px 2310px #FFF , 2548px 472px #FFF , 433px 860px #FFF , 2241px 2310px #FFF , 1858px 1703px #FFF , 1308px 1393px #FFF , 89px 1662px #FFF , 2460px 739px #FFF , 2187px 1604px #FFF , 430px 630px #FFF , 917px 1315px #FFF , 2412px 1656px #FFF , 2414px 56px #FFF , 1881px 1724px #FFF , 2092px 1591px #FFF , 1114px 1684px #FFF , 138px 2336px #FFF , 1148px 879px #FFF , 2300px 1878px #FFF , 405px 352px #FFF , 376px 1997px #FFF , 838px 1658px #FFF , 47px 1145px #FFF , 1522px 1453px #FFF , 1023px 119px #FFF , 1305px 2036px #FFF , 1746px 841px #FFF , 1180px 1540px #FFF , 1998px 1121px #FFF , 2502px 2531px #FFF , 1359px 69px #FFF , 968px 1528px #FFF , 527px 1714px #FFF , 440px 1522px #FFF , 363px 1846px #FFF , 870px 1329px #FFF , 1297px 2058px #FFF , 74px 1805px #FFF , 1501px 343px #FFF , 1707px 848px #FFF , 1755px 1315px #FFF , 19px 1280px #FFF , 1299px 1477px #FFF , 345px 2509px #FFF , 58px 1616px #FFF , 1246px 1844px #FFF , 2118px 1726px #FFF , 1994px 1041px #FFF , 534px 623px #FFF , 2292px 891px #FFF , 2140px 1500px #FFF , 483px 1218px #FFF , 2493px 1245px #FFF , 1855px 2165px #FFF , 283px 586px #FFF , 2468px 584px #FFF , 2309px 1941px #FFF , 2205px 1554px #FFF , 996px 1345px #FFF , 97px 1583px #FFF , 1587px 1017px #FFF , 423px 1442px #FFF , 258px 1726px #FFF , 1501px 1089px #FFF , 1495px 724px #FFF , 691px 1229px #FFF , 826px 976px #FFF , 1553px 361px #FFF , 236px 1519px #FFF , 2064px 2104px #FFF , 2071px 1309px #FFF , 2539px 737px #FFF , 2249px 1455px #FFF , 1630px 1204px #FFF , 396px 349px #FFF , 2259px 2521px #FFF , 1556px 1298px #FFF , 170px 1668px #FFF , 1555px 849px #FFF , 1952px 832px #FFF , 621px 1662px #FFF , 2314px 2068px #FFF , 1414px 1559px #FFF , 1109px 825px #FFF , 1467px 2550px #FFF , 1740px 69px #FFF , 921px 1102px #FFF , 1317px 1871px #FFF , 1717px 1422px #FFF , 1263px 2376px #FFF , 1602px 674px #FFF , 2450px 150px #FFF , 72px 2392px #FFF , 2534px 2246px #FFF , 1136px 1417px #FFF , 2359px 2081px #FFF , 2460px 775px #FFF , 2187px 2297px #FFF , 2061px 2303px #FFF , 410px 965px #FFF , 1634px 812px #FFF , 1781px 1274px #FFF , 123px 878px #FFF , 2403px 2169px #FFF , 53px 955px #FFF , 1152px 390px #FFF , 1519px 1104px #FFF , 1555px 1213px #FFF , 2395px 2214px #FFF , 768px 1180px #FFF , 464px 2145px #FFF , 1701px 2073px #FFF , 700px 772px #FFF , 454px 1692px #FFF , 1133px 1155px #FFF , 877px 2168px #FFF , 1719px 934px #FFF , 662px 534px #FFF , 1683px 582px #FFF , 1055px 2021px #FFF , 1723px 1440px #FFF , 1255px 485px #FFF , 1912px 1489px #FFF , 1152px 2041px #FFF , 1px 244px #FFF , 1857px 291px #FFF , 444px 1070px #FFF , 618px 1210px #FFF , 1762px 2000px #FFF , 1134px 216px #FFF , 2206px 1079px #FFF , 1486px 1180px #FFF , 178px 2500px #FFF , 912px 2284px #FFF , 2287px 680px #FFF , 304px 1748px #FFF , 1848px 1703px #FFF , 359px 673px #FFF , 656px 958px #FFF , 1991px 2326px #FFF , 783px 707px #FFF , 1767px 856px #FFF , 2415px 110px #FFF , 753px 2558px #FFF , 2050px 1562px #FFF , 1770px 366px #FFF , 874px 1658px #FFF , 492px 149px #FFF , 804px 2475px #FFF , 2020px 1587px #FFF , 54px 774px #FFF , 876px 632px #FFF , 1637px 1237px #FFF , 2487px 1562px #FFF , 1186px 1003px #FFF , 1069px 2483px #FFF , 1071px 129px #FFF , 2502px 16px #FFF , 2074px 1218px #FFF , 2249px 1633px #FFF , 971px 1966px #FFF , 1729px 45px #FFF , 476px 890px #FFF , 1619px 886px #FFF , 2312px 2194px #FFF , 391px 1457px #FFF , 617px 2180px #FFF , 1575px 1944px #FFF , 1979px 2044px #FFF , 261px 1075px #FFF , 1539px 1695px #FFF , 1420px 2554px #FFF , 852px 1604px #FFF , 2482px 1000px #FFF , 2047px 2221px #FFF , 1060px 1719px #FFF , 340px 1052px #FFF , 1050px 956px #FFF , 1662px 2497px #FFF , 1373px 406px #FFF , 199px 799px #FFF , 1032px 1044px #FFF , 1644px 1253px #FFF , 1475px 1494px #FFF , 892px 348px #FFF , 2051px 245px #FFF , 360px 883px #FFF , 801px 366px #FFF , 1693px 1669px #FFF , 154px 1286px #FFF , 2430px 2px #FFF , 1795px 976px #FFF , 1000px 55px #FFF , 611px 2027px #FFF , 1584px 1349px #FFF , 640px 1423px #FFF , 2099px 701px #FFF , 442px 2346px #FFF , 2123px 1622px #FFF , 390px 294px #FFF , 1696px 339px #FFF , 1167px 461px #FFF , 882px 33px #FFF , 1993px 866px #FFF , 786px 1277px #FFF , 397px 686px #FFF , 258px 696px #FFF , 1983px 844px #FFF , 1797px 981px #FFF , 863px 124px #FFF , 1334px 618px #FFF , 144px 2204px #FFF , 151px 1738px #FFF , 938px 1498px #FFF , 2495px 1484px #FFF , 1907px 937px #FFF , 2427px 2230px #FFF , 739px 854px #FFF , 2095px 1004px #FFF , 793px 1268px #FFF , 1876px 612px #FFF , 2542px 1224px #FFF , 1764px 1110px #FFF , 1421px 1451px #FFF , 2338px 2114px #FFF , 573px 2463px #FFF , 467px 1920px #FFF , 2016px 2409px #FFF , 1588px 1366px #FFF , 1137px 1952px #FFF , 1839px 1047px #FFF , 2483px 2184px #FFF , 430px 519px #FFF , 1586px 1839px #FFF , 1989px 2051px #FFF , 1162px 358px #FFF , 1537px 1332px #FFF , 898px 1058px #FFF , 1747px 268px #FFF , 1514px 941px #FFF , 154px 1349px #FFF , 725px 490px #FFF , 2331px 2152px #FFF , 417px 143px #FFF , 1010px 1795px #FFF , 2181px 314px #FFF , 764px 817px #FFF , 1257px 2543px #FFF , 2339px 314px #FFF , 2327px 445px #FFF , 240px 489px #FFF , 2016px 916px #FFF , 1430px 2156px #FFF , 2294px 259px #FFF , 1678px 94px #FFF , 1844px 528px #FFF , 268px 2487px #FFF , 1939px 929px #FFF , 1147px 2087px #FFF , 1035px 1236px #FFF , 843px 929px #FFF , 1148px 789px #FFF , 749px 704px #FFF , 1138px 1330px #FFF , 350px 826px #FFF , 71px 1650px #FFF , 1740px 534px #FFF , 188px 2518px #FFF , 511px 2237px #FFF , 1113px 784px #FFF , 1295px 381px #FFF , 1384px 2450px #FFF , 592px 618px #FFF , 1425px 1774px #FFF , 1956px 1005px #FFF , 205px 733px #FFF , 18px 2022px #FFF , 1938px 2382px #FFF , 919px 1317px #FFF , 66px 846px #FFF , 2312px 458px #FFF , 1261px 1923px #FFF , 1318px 2026px #FFF , 2176px 967px #FFF , 2281px 1108px #FFF , 152px 607px #FFF , 2084px 68px #FFF , 1953px 1902px #FFF , 2515px 2064px #FFF , 587px 821px #FFF , 1492px 2543px #FFF , 160px 817px #FFF , 2349px 1198px #FFF , 2080px 402px #FFF , 22px 1058px #FFF , 561px 433px #FFF , 114px 1128px #FFF , 2239px 1445px #FFF , 2527px 1339px #FFF , 186px 1476px #FFF , 630px 821px #FFF , 2335px 1233px #FFF , 2339px 1595px #FFF , 730px 1139px #FFF , 2015px 19px #FFF , 48px 591px #FFF , 939px 1120px #FFF , 1447px 419px #FFF , 2416px 1739px #FFF , 2206px 1857px #FFF , 2517px 903px #FFF , 1989px 260px #FFF , 2493px 1415px #FFF , 1872px 827px #FFF , 1244px 2440px #FFF , 621px 1218px #FFF , 468px 678px #FFF , 384px 382px #FFF , 1322px 667px #FFF , 1913px 827px #FFF , 2094px 2103px #FFF , 464px 1769px #FFF , 2096px 1222px #FFF , 1144px 2275px #FFF , 1571px 762px #FFF , 280px 55px #FFF , 2209px 484px #FFF , 524px 716px #FFF , 1624px 1696px #FFF , 254px 1515px #FFF , 1755px 2557px #FFF , 1088px 246px #FFF , 419px 1568px #FFF , 1511px 611px #FFF , 398px 1934px #FFF , 493px 351px #FFF , 136px 1985px #FFF , 903px 1919px #FFF , 522px 131px #FFF , 427px 78px #FFF , 1337px 1225px #FFF , 1166px 1418px #FFF , 426px 190px #FFF , 1734px 2166px #FFF , 2069px 2268px #FFF , 1888px 242px #FFF , 837px 1618px #FFF , 270px 1723px #FFF , 181px 1483px #FFF , 2152px 2336px #FFF , 2372px 1973px #FFF , 762px 2437px #FFF , 2107px 181px #FFF , 1626px 740px #FFF , 1880px 2379px #FFF , 455px 1800px #FFF , 465px 1753px #FFF , 2058px 2143px #FFF , 46px 1050px #FFF , 1901px 181px #FFF , 2299px 3px #FFF , 1317px 1999px #FFF , 963px 2302px #FFF , 1361px 687px #FFF , 1661px 1974px #FFF , 2314px 691px #FFF , 759px 117px #FFF , 1591px 10px #FFF , 860px 2256px #FFF , 382px 1250px #FFF , 246px 2166px #FFF , 2163px 1102px #FFF , 1937px 1075px #FFF , 2526px 252px #FFF , 715px 798px #FFF , 999px 250px #FFF , 2264px 849px #FFF , 1831px 765px #FFF , 551px 510px #FFF , 1171px 2427px #FFF , 1200px 1874px #FFF , 687px 1237px #FFF , 243px 1095px #FFF , 2399px 1690px #FFF , 2293px 67px #FFF , 2280px 2482px #FFF , 1459px 2366px #FFF , 727px 2483px #FFF , 471px 39px #FFF , 1360px 1534px #FFF , 1496px 157px #FFF , 2446px 1536px #FFF , 1610px 720px #FFF , 1280px 1249px #FFF , 1668px 593px #FFF , 1911px 553px #FFF , 600px 1098px #FFF , 1719px 795px #FFF , 1883px 496px #FFF , 1642px 75px #FFF , 2331px 1624px #FFF , 130px 2329px #FFF , 1295px 1503px #FFF , 304px 2303px #FFF , 773px 1396px #FFF , 1678px 2552px #FFF , 379px 1779px #FFF , 2333px 1709px #FFF , 800px 564px #FFF , 908px 325px #FFF , 2157px 2073px #FFF , 571px 2239px #FFF , 853px 335px #FFF , 1661px 1979px #FFF , 1931px 180px #FFF , 277px 2423px #FFF , 1699px 494px #FFF , 734px 225px #FFF , 914px 2256px #FFF , 168px 249px #FFF , 2455px 1814px #FFF , 1041px 678px #FFF , 933px 400px #FFF , 636px 690px #FFF , 1301px 119px #FFF , 502px 2482px #FFF , 683px 1323px #FFF , 503px 1311px #FFF , 927px 2462px #FFF , 964px 523px #FFF , 1391px 169px #FFF , 1628px 1872px #FFF , 1792px 2232px #FFF , 817px 2271px #FFF , 2395px 1740px #FFF , 493px 611px #FFF , 755px 996px #FFF , 1273px 1881px #FFF , 2538px 870px #FFF , 2483px 1655px #FFF , 819px 1595px #FFF , 2271px 1974px #FFF , 1613px 1903px #FFF , 1159px 251px #FFF , 176px 2052px #FFF , 2127px 1191px #FFF , 2319px 2254px #FFF , 2242px 1890px #FFF , 2066px 2264px #FFF , 621px 1812px #FFF , 570px 1753px #FFF , 641px 1323px #FFF , 1858px 1896px #FFF , 911px 838px #FFF , 1305px 1927px #FFF , 30px 718px #FFF , 2051px 1628px #FFF , 983px 1863px #FFF , 104px 1124px #FFF , 1810px 1362px #FFF , 902px 850px #FFF , 1447px 408px #FFF , 1036px 556px #FFF , 2348px 1298px #FFF , 1677px 378px #FFF , 941px 840px #FFF , 2218px 2036px #FFF , 656px 1033px #FFF , 1993px 254px #FFF , 706px 1581px #FFF , 1309px 13px #FFF , 905px 1057px #FFF , 399px 902px #FFF , 1971px 319px #FFF , 801px 881px #FFF , 337px 2025px #FFF , 2468px 951px #FFF , 659px 1386px #FFF , 684px 1675px #FFF , 332px 545px #FFF , 584px 455px #FFF , 547px 1793px #FFF , 703px 1168px #FFF , 1973px 1345px #FFF , 1373px 2081px #FFF , 9px 254px #FFF , 862px 396px #FFF , 2408px 346px #FFF , 392px 1875px #FFF , 1983px 2322px #FFF , 387px 572px #FFF , 1116px 455px #FFF , 606px 565px #FFF , 2541px 43px #FFF , 1215px 172px #FFF , 947px 776px #FFF , 1664px 1734px #FFF , 1656px 1585px #FFF , 857px 16px #FFF , 526px 1967px #FFF , 463px 78px #FFF , 493px 2029px #FFF , 1036px 1448px #FFF , 2114px 1960px #FFF , 796px 426px #FFF , 1555px 599px #FFF , 739px 38px #FFF , 2433px 722px #FFF , 767px 2512px #FFF , 260px 824px #FFF , 2484px 1759px #FFF , 591px 1859px #FFF , 1956px 2465px #FFF , 441px 252px #FFF , 646px 2378px #FFF , 2273px 1293px #FFF , 1312px 1823px #FFF , 542px 1533px #FFF , 2337px 620px #FFF , 975px 234px #FFF , 1692px 2437px #FFF , 1471px 113px #FFF , 1127px 2062px #FFF , 1243px 2240px #FFF , 2018px 1661px #FFF , 999px 847px #FFF , 1624px 1955px #FFF , 359px 835px #FFF , 616px 1285px #FFF , 376px 928px #FFF , 561px 696px #FFF , 1299px 22px #FFF , 2269px 2421px #FFF , 481px 1922px #FFF , 594px 2250px #FFF , 2154px 583px #FFF , 2176px 1419px #FFF , 613px 2496px #FFF , 739px 2391px #FFF , 1679px 447px #FFF , 1538px 1344px #FFF , 2491px 1324px #FFF , 1099px 1513px #FFF , 618px 205px #FFF , 2512px 272px #FFF , 2049px 27px #FFF , 2276px 1419px #FFF , 1460px 1637px #FFF , 148px 1683px #FFF , 624px 1386px #FFF , 2077px 2227px #FFF , 269px 1970px #FFF , 649px 2517px #FFF , 329px 16px #FFF , 2250px 1720px #FFF , 1509px 2228px #FFF , 1199px 2492px #FFF , 1705px 1570px #FFF , 1374px 1537px #FFF , 2023px 647px #FFF , 428px 406px #FFF , 926px 2175px #FFF , 599px 761px #FFF , 1142px 213px #FFF , 2290px 1259px #FFF , 1112px 2037px #FFF , 737px 2023px #FFF , 1685px 882px #FFF , 1108px 2111px #FFF , 1287px 1667px #FFF , 1551px 1415px #FFF , 1200px 2009px #FFF , 1138px 1799px #FFF , 1552px 2101px #FFF , 2407px 228px #FFF , 2193px 677px #FFF , 1136px 2103px #FFF , 1641px 2288px #FFF , 1737px 45px #FFF , 842px 1086px #FFF , 1049px 2465px #FFF , 1258px 774px #FFF , 1751px 930px #FFF , 1274px 2022px #FFF , 2331px 1729px #FFF , 1561px 2050px #FFF , 1837px 572px #FFF , 131px 874px #FFF , 263px 176px #FFF , 437px 529px #FFF , 441px 1581px #FFF , 1640px 1897px #FFF , 150px 574px #FFF , 1450px 1497px #FFF , 150px 1558px #FFF , 2491px 2440px #FFF , 1567px 1108px #FFF , 276px 1505px #FFF , 1829px 300px #FFF , 2204px 100px #FFF , 1058px 904px #FFF , 2208px 1916px #FFF , 213px 492px #FFF , 606px 1742px #FFF , 364px 1492px #FFF , 227px 2532px #FFF , 1874px 851px #FFF , 2116px 1197px #FFF , 1754px 598px #FFF , 1197px 2405px #FFF , 1846px 896px #FFF , 1334px 1846px #FFF , 2472px 1287px #FFF , 1808px 384px #FFF , 384px 996px #FFF , 2290px 435px #FFF , 543px 689px #FFF , 585px 1202px #FFF , 1326px 130px #FFF , 1845px 1691px #FFF , 2438px 1585px #FFF , 1876px 1935px #FFF , 2101px 2141px #FFF , 1794px 1721px #FFF , 1659px 2070px #FFF , 357px 2154px #FFF , 1421px 2241px #FFF , 464px 2495px #FFF , 1643px 2529px #FFF , 2549px 2204px #FFF , 2248px 652px #FFF , 811px 514px #FFF , 1402px 1686px #FFF , 482px 718px #FFF , 760px 374px #FFF , 2281px 894px #FFF , 681px 1189px #FFF , 592px 175px #FFF , 50px 142px #FFF , 2520px 2275px #FFF , 844px 167px #FFF , 516px 2495px #FFF , 2283px 1063px #FFF , 1976px 607px #FFF , 2204px 1723px #FFF , 648px 418px #FFF , 2030px 871px #FFF , 1432px 814px #FFF , 708px 1622px #FFF , 1496px 604px #FFF , 2512px 2162px #FFF , 463px 1278px #FFF , 487px 2381px #FFF , 2122px 2392px #FFF , 2112px 242px #FFF , 31px 1609px #FFF , 291px 839px #FFF , 746px 2298px #FFF , 508px 2092px #FFF , 539px 71px #FFF , 2069px 974px #FFF , 2538px 1687px #FFF;
  animation: animStar 100s linear infinite;
}
.hero-section > .container .stars:after {
  content: " ";
  top: -600px;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  backgroud: transparent;
  box-shadow: 149px 456px #FFF , 284px 2064px #FFF , 2468px 1241px #FFF , 1125px 2344px #FFF , 1319px 1855px #FFF , 1016px 127px #FFF , 2160px 768px #FFF , 941px 118px #FFF , 1312px 799px #FFF , 1317px 2184px #FFF , 505px 1849px #FFF , 393px 1395px #FFF , 1029px 2103px #FFF , 2123px 1004px #FFF , 2298px 299px #FFF , 163px 480px #FFF , 1380px 2337px #FFF , 1260px 253px #FFF , 1237px 329px #FFF , 150px 1679px #FFF , 1062px 1310px #FFF , 885px 1677px #FFF , 1971px 2432px #FFF , 1266px 852px #FFF , 1395px 2258px #FFF , 270px 166px #FFF , 1661px 260px #FFF , 1438px 1570px #FFF , 1519px 2145px #FFF , 1812px 875px #FFF , 1449px 1043px #FFF , 2392px 2475px #FFF , 2011px 1192px #FFF , 977px 712px #FFF , 2330px 1636px #FFF , 1518px 1148px #FFF , 2126px 395px #FFF , 794px 1823px #FFF , 1428px 2054px #FFF , 274px 1015px #FFF , 2398px 1705px #FFF , 1756px 2411px #FFF , 1043px 1062px #FFF , 2337px 1480px #FFF , 2226px 342px #FFF , 271px 501px #FFF , 2550px 388px #FFF , 43px 2280px #FFF , 917px 1758px #FFF , 2013px 1950px #FFF , 2353px 2131px #FFF , 693px 1120px #FFF , 151px 240px #FFF , 1997px 2215px #FFF , 1957px 326px #FFF , 1992px 1667px #FFF , 910px 289px #FFF , 1357px 349px #FFF , 1578px 805px #FFF , 1253px 1773px #FFF , 1551px 605px #FFF , 2492px 1081px #FFF , 229px 104px #FFF , 1456px 881px #FFF , 1247px 2110px #FFF , 267px 2121px #FFF , 361px 886px #FFF , 749px 2147px #FFF , 347px 1040px #FFF , 1572px 1066px #FFF , 1907px 2170px #FFF , 2423px 69px #FFF , 330px 1192px #FFF , 1383px 1458px #FFF , 2077px 1055px #FFF , 2175px 674px #FFF , 2295px 1275px #FFF , 896px 399px #FFF , 604px 42px #FFF , 1883px 603px #FFF , 1205px 121px #FFF , 773px 2062px #FFF , 786px 1531px #FFF , 604px 1606px #FFF , 2097px 1542px #FFF , 2325px 115px #FFF , 2453px 865px #FFF , 2182px 585px #FFF , 1291px 1454px #FFF , 1749px 1929px #FFF , 552px 2509px #FFF , 2270px 2044px #FFF , 841px 428px #FFF , 1333px 2302px #FFF , 2546px 76px #FFF , 574px 364px #FFF , 1392px 1294px #FFF , 1470px 274px #FFF , 1131px 245px #FFF , 22px 2150px #FFF , 276px 1453px #FFF , 1461px 971px #FFF , 880px 2118px #FFF , 1833px 898px #FFF , 2201px 2299px #FFF , 2233px 2057px #FFF , 2199px 2002px #FFF , 143px 671px #FFF , 2367px 1477px #FFF , 20px 823px #FFF , 1898px 2529px #FFF , 2273px 653px #FFF , 1649px 2200px #FFF , 798px 1593px #FFF , 1049px 545px #FFF , 1653px 479px #FFF , 1399px 1414px #FFF , 2007px 1852px #FFF , 2019px 146px #FFF , 64px 592px #FFF , 276px 1781px #FFF , 2066px 1873px #FFF , 1754px 2190px #FFF , 2530px 1741px #FFF , 2422px 947px #FFF , 393px 1983px #FFF , 873px 1894px #FFF , 641px 234px #FFF , 1955px 190px #FFF , 182px 563px #FFF , 2376px 180px #FFF , 1411px 2204px #FFF , 1640px 81px #FFF , 571px 1308px #FFF , 29px 2449px #FFF , 144px 1131px #FFF , 609px 72px #FFF , 849px 2517px #FFF , 905px 1044px #FFF , 284px 289px #FFF , 793px 1493px #FFF , 1998px 1354px #FFF , 1808px 595px #FFF , 2428px 1785px #FFF , 400px 1748px #FFF , 1621px 159px #FFF , 1571px 88px #FFF , 1382px 641px #FFF , 877px 284px #FFF , 2463px 2553px #FFF , 1218px 619px #FFF , 931px 943px #FFF , 321px 2167px #FFF , 776px 1346px #FFF , 983px 1220px #FFF , 884px 1005px #FFF , 1286px 215px #FFF , 375px 918px #FFF , 1334px 1946px #FFF , 1765px 1282px #FFF , 2085px 2301px #FFF , 2097px 748px #FFF , 2260px 2073px #FFF , 2464px 2310px #FFF , 1747px 1151px #FFF , 284px 1051px #FFF , 1786px 664px #FFF , 1869px 346px #FFF , 1976px 1648px #FFF , 1865px 1503px #FFF , 401px 1827px #FFF , 27px 1196px #FFF , 1753px 1157px #FFF , 796px 156px #FFF , 18px 836px #FFF , 1517px 1421px #FFF , 218px 2172px #FFF , 1724px 2398px #FFF , 632px 702px #FFF , 1541px 1118px #FFF , 1024px 357px #FFF , 220px 2030px #FFF , 293px 206px #FFF , 861px 995px #FFF , 166px 34px #FFF , 1319px 1562px #FFF , 1528px 563px #FFF , 1619px 2125px #FFF , 2298px 2170px #FFF , 1282px 753px #FFF , 1529px 823px #FFF , 2263px 1209px #FFF , 2176px 1925px #FFF , 2464px 2451px #FFF , 936px 506px #FFF , 362px 1976px #FFF , 1382px 388px #FFF , 1614px 422px #FFF , 744px 2096px #FFF , 2060px 1306px #FFF , 1523px 1069px #FFF , 1272px 1215px #FFF , 2483px 2406px #FFF , 1313px 2517px #FFF , 472px 13px #FFF , 520px 570px #FFF , 1762px 2409px #FFF , 1897px 84px #FFF , 373px 467px #FFF , 1821px 2141px #FFF , 433px 1273px #FFF , 464px 1997px #FFF , 690px 134px #FFF , 2309px 1279px #FFF , 81px 2355px #FFF , 51px 934px #FFF , 547px 700px #FFF , 917px 374px #FFF , 1614px 968px #FFF , 86px 1890px #FFF , 2242px 844px #FFF , 1708px 1297px #FFF , 2064px 386px #FFF , 2107px 2228px #FFF , 1767px 1291px #FFF , 2003px 2146px #FFF , 1414px 1665px #FFF , 1004px 1199px #FFF , 2525px 446px #FFF , 1298px 445px #FFF , 2556px 325px #FFF , 1015px 1493px #FFF , 436px 1611px #FFF , 1965px 2285px #FFF , 1327px 1680px #FFF , 2291px 2106px #FFF , 11px 2558px #FFF , 1411px 293px #FFF , 2165px 1352px #FFF , 746px 2529px #FFF , 1676px 868px #FFF , 779px 1109px #FFF , 1876px 721px #FFF , 1361px 886px #FFF , 2546px 1436px #FFF , 1705px 340px #FFF , 1946px 1011px #FFF , 401px 935px #FFF , 1357px 845px #FFF , 2px 1892px #FFF , 1543px 2524px #FFF , 752px 1619px #FFF , 1343px 533px #FFF , 1182px 2504px #FFF , 2379px 960px #FFF , 2552px 2361px #FFF , 291px 1736px #FFF , 381px 2348px #FFF , 2458px 139px #FFF , 1097px 2093px #FFF , 1984px 2135px #FFF , 2417px 163px #FFF , 2066px 1710px #FFF , 1429px 1192px #FFF , 1763px 27px #FFF , 1134px 2364px #FFF , 2418px 1222px #FFF , 231px 2510px #FFF , 812px 2249px #FFF , 1224px 1183px #FFF , 1133px 670px #FFF , 262px 1146px #FFF , 1218px 9px #FFF , 892px 659px #FFF , 1760px 818px #FFF , 2029px 1176px #FFF , 2424px 1306px #FFF , 1548px 2404px #FFF , 731px 1138px #FFF , 1713px 2265px #FFF , 426px 70px #FFF , 1645px 1135px #FFF , 422px 983px #FFF , 1612px 1452px #FFF , 2160px 816px #FFF , 922px 491px #FFF , 833px 99px #FFF , 917px 532px #FFF , 587px 1490px #FFF , 1390px 834px #FFF , 149px 1684px #FFF , 2217px 1771px #FFF , 1475px 2339px #FFF , 2139px 629px #FFF , 137px 1314px #FFF , 2466px 1202px #FFF , 1708px 8px #FFF , 1895px 850px #FFF , 1905px 932px #FFF , 624px 2171px #FFF , 1985px 1404px #FFF , 17px 2329px #FFF , 1984px 1800px #FFF , 1544px 1784px #FFF , 1266px 911px #FFF , 584px 1501px #FFF , 2028px 925px #FFF , 1222px 2380px #FFF , 2422px 552px #FFF , 389px 1613px #FFF , 1265px 77px #FFF , 2396px 1531px #FFF , 309px 1197px #FFF , 2011px 1229px #FFF , 2030px 1999px #FFF , 2216px 45px #FFF , 993px 625px #FFF , 1079px 187px #FFF , 66px 2385px #FFF , 1237px 2296px #FFF , 139px 2199px #FFF , 1262px 358px #FFF , 12px 2003px #FFF , 1684px 955px #FFF , 1716px 786px #FFF , 1295px 1439px #FFF , 1794px 1004px #FFF , 1488px 1515px #FFF , 1191px 287px #FFF , 2140px 1082px #FFF , 1880px 1802px #FFF , 322px 337px #FFF , 954px 1525px #FFF , 2481px 1012px #FFF , 922px 328px #FFF , 1543px 1567px #FFF , 976px 2126px #FFF , 2015px 578px #FFF , 2175px 371px #FFF , 1424px 859px #FFF , 1832px 1845px #FFF , 1885px 78px #FFF , 922px 2409px #FFF , 210px 2503px #FFF , 116px 682px #FFF , 568px 428px #FFF , 1458px 1813px #FFF , 1448px 305px #FFF , 313px 918px #FFF , 542px 199px #FFF , 862px 1617px #FFF , 2368px 2297px #FFF , 991px 73px #FFF , 123px 108px #FFF , 713px 2454px #FFF , 2553px 304px #FFF , 56px 310px #FFF , 1434px 1245px #FFF , 2485px 1630px #FFF , 2065px 2110px #FFF , 2537px 1745px #FFF , 1499px 272px #FFF , 2099px 444px #FFF , 1224px 1025px #FFF , 2116px 743px #FFF , 1233px 1845px #FFF , 2109px 2515px #FFF , 799px 152px #FFF , 632px 663px #FFF , 159px 1842px #FFF , 1012px 1796px #FFF , 2075px 1717px #FFF , 1067px 2025px #FFF , 2234px 704px #FFF , 703px 1430px #FFF , 765px 557px #FFF , 1356px 2056px #FFF , 2166px 1791px #FFF , 1282px 1951px #FFF , 1030px 1603px #FFF , 1265px 883px #FFF , 62px 2511px #FFF , 396px 1910px #FFF , 111px 1192px #FFF , 2551px 1196px #FFF , 296px 2442px #FFF , 231px 311px #FFF , 1329px 641px #FFF , 2411px 1369px #FFF , 1036px 1633px #FFF , 187px 613px #FFF , 1026px 2408px #FFF , 284px 191px #FFF , 1850px 440px #FFF , 1135px 1142px #FFF , 917px 2098px #FFF , 574px 2401px #FFF , 1337px 539px #FFF , 1408px 1359px #FFF , 117px 1122px #FFF , 1595px 1181px #FFF , 1279px 2031px #FFF , 1425px 934px #FFF , 749px 2151px #FFF , 2185px 1031px #FFF , 2142px 719px #FFF , 2543px 466px #FFF , 1402px 31px #FFF , 1600px 626px #FFF , 598px 600px #FFF , 1692px 740px #FFF , 1204px 1055px #FFF , 294px 134px #FFF , 832px 941px #FFF , 1908px 2383px #FFF , 2057px 1929px #FFF , 929px 1044px #FFF , 1502px 1084px #FFF , 2232px 1327px #FFF , 1407px 1855px #FFF , 808px 1534px #FFF , 67px 656px #FFF , 2351px 1669px #FFF , 1305px 1936px #FFF , 1002px 2015px #FFF , 414px 1294px #FFF , 1391px 2383px #FFF , 52px 2458px #FFF , 808px 1603px #FFF , 2016px 2343px #FFF , 249px 316px #FFF , 2081px 246px #FFF , 1836px 218px #FFF , 1298px 2073px #FFF , 2399px 587px #FFF , 1345px 1487px #FFF , 2174px 477px #FFF , 2477px 819px #FFF , 348px 842px #FFF , 1104px 80px #FFF , 390px 1546px #FFF , 1937px 1890px #FFF , 1688px 1519px #FFF , 2171px 512px #FFF , 1521px 248px #FFF , 1280px 610px #FFF , 2233px 824px #FFF , 538px 64px #FFF , 1474px 1567px #FFF , 1802px 1052px #FFF , 503px 2277px #FFF , 1509px 400px #FFF , 1119px 383px #FFF , 127px 351px #FFF , 2371px 2418px #FFF , 2357px 1013px #FFF , 1127px 1679px #FFF , 453px 2065px #FFF , 1492px 883px #FFF , 678px 1932px #FFF , 2382px 1921px #FFF , 2533px 1621px #FFF , 1580px 2241px #FFF , 491px 596px #FFF , 648px 2495px #FFF , 2349px 2347px #FFF , 1396px 1968px #FFF , 2428px 928px #FFF , 601px 1115px #FFF , 218px 1057px #FFF , 2017px 2560px #FFF , 1375px 2477px #FFF , 28px 666px #FFF , 1273px 1451px #FFF , 472px 570px #FFF , 1333px 116px #FFF , 2453px 1648px #FFF , 1129px 2471px #FFF , 2045px 1472px #FFF , 841px 2292px #FFF , 572px 1444px #FFF , 2454px 429px #FFF , 1691px 1625px #FFF , 386px 277px #FFF , 631px 2071px #FFF , 200px 159px #FFF , 1387px 1156px #FFF , 59px 1208px #FFF , 668px 2103px #FFF , 344px 1885px #FFF , 2105px 1737px #FFF , 959px 1894px #FFF , 1899px 263px #FFF , 464px 2256px #FFF , 137px 870px #FFF , 1741px 2398px #FFF , 297px 1135px #FFF , 2504px 522px #FFF , 33px 1494px #FFF , 945px 1002px #FFF , 125px 2250px #FFF , 1243px 1801px #FFF , 324px 1613px #FFF , 926px 134px #FFF , 2296px 104px #FFF , 484px 1398px #FFF , 522px 1088px #FFF , 1915px 1490px #FFF , 755px 758px #FFF , 1158px 532px #FFF , 396px 92px #FFF , 1387px 2338px #FFF , 1073px 1314px #FFF , 1925px 266px #FFF , 1306px 2162px #FFF , 1049px 2404px #FFF , 1482px 207px #FFF , 1377px 2520px #FFF , 860px 1143px #FFF , 626px 1047px #FFF , 1021px 670px #FFF , 431px 1606px #FFF , 2367px 915px #FFF , 1489px 1839px #FFF , 964px 1258px #FFF , 1021px 1567px #FFF , 1647px 1074px #FFF , 1816px 648px #FFF , 612px 1355px #FFF , 1901px 1309px #FFF , 1764px 277px #FFF , 806px 817px #FFF , 920px 1512px #FFF , 530px 2530px #FFF , 373px 1949px #FFF , 1141px 484px #FFF , 2216px 9px #FFF , 2083px 1872px #FFF , 2368px 2277px #FFF , 1998px 70px #FFF , 1842px 174px #FFF , 793px 2522px #FFF , 1555px 2208px #FFF , 1092px 1009px #FFF , 2120px 830px #FFF , 1963px 1789px #FFF , 2067px 2071px #FFF , 1348px 2010px #FFF , 565px 2304px #FFF , 1243px 1645px #FFF , 152px 1530px #FFF , 782px 1811px #FFF , 629px 2220px #FFF , 1357px 2479px #FFF , 108px 75px #FFF , 65px 1620px #FFF , 971px 1816px #FFF , 1908px 1711px #FFF , 2546px 857px #FFF , 1729px 1519px #FFF , 1854px 2533px #FFF , 1470px 500px #FFF , 637px 914px #FFF , 169px 1269px #FFF , 1394px 627px #FFF , 464px 156px #FFF , 570px 1937px #FFF , 250px 1438px #FFF , 2460px 210px #FFF , 1452px 492px #FFF , 487px 1195px #FFF , 1496px 302px #FFF , 1333px 1991px #FFF , 2088px 44px #FFF , 1975px 1568px #FFF , 2242px 2464px #FFF , 1913px 2551px #FFF , 885px 213px #FFF , 1105px 1249px #FFF , 2498px 1768px #FFF , 1169px 1652px #FFF , 401px 317px #FFF , 1401px 808px #FFF , 152px 672px #FFF , 1818px 1764px #FFF , 178px 81px #FFF , 2258px 823px #FFF , 345px 2340px #FFF , 1003px 2019px #FFF , 1321px 428px #FFF , 108px 565px #FFF , 1374px 2545px #FFF , 97px 1199px #FFF , 2099px 2371px #FFF , 472px 179px #FFF , 447px 2249px #FFF , 2163px 152px #FFF , 2045px 659px #FFF , 1105px 1062px #FFF , 96px 2471px #FFF , 1331px 2377px #FFF , 1675px 2429px #FFF , 256px 1194px #FFF , 2097px 2438px #FFF , 870px 651px #FFF , 1108px 493px #FFF , 2170px 1641px #FFF , 896px 311px #FFF , 1213px 332px #FFF , 1576px 2516px #FFF , 1289px 1708px #FFF , 1747px 401px #FFF , 2295px 433px #FFF , 1704px 259px #FFF , 1196px 414px #FFF , 2225px 2507px #FFF , 424px 550px #FFF , 973px 936px #FFF , 2146px 20px #FFF , 2208px 2165px #FFF , 194px 1337px #FFF , 1193px 1338px #FFF , 607px 1939px #FFF , 1562px 342px #FFF , 1534px 575px #FFF , 655px 960px #FFF , 1008px 2286px #FFF , 1094px 1934px #FFF , 576px 1283px #FFF , 604px 1937px #FFF , 1823px 277px #FFF , 1274px 853px #FFF , 2010px 1501px #FFF , 2335px 2172px #FFF , 2325px 2297px #FFF , 2271px 38px #FFF , 1085px 306px #FFF , 1623px 1302px #FFF , 96px 2523px #FFF , 544px 1803px #FFF , 202px 54px #FFF , 632px 1879px #FFF , 1824px 2508px #FFF , 1261px 1681px #FFF , 1091px 1173px #FFF , 2254px 445px #FFF , 2129px 1145px #FFF , 2517px 2386px #FFF , 959px 65px #FFF , 2067px 2208px #FFF , 1455px 2511px #FFF , 1558px 1511px #FFF , 72px 33px #FFF , 2487px 742px #FFF , 1386px 217px #FFF , 101px 1337px #FFF , 1086px 827px #FFF , 1531px 478px #FFF , 2325px 2516px #FFF , 140px 643px #FFF , 1408px 23px #FFF , 250px 1078px #FFF , 2460px 2420px #FFF , 1667px 1929px #FFF , 541px 285px #FFF , 269px 1507px #FFF , 2469px 370px #FFF , 110px 1358px #FFF , 1826px 1198px #FFF , 1190px 894px #FFF , 50px 1612px #FFF , 2264px 1316px #FFF , 1315px 771px #FFF , 1925px 2121px #FFF , 1161px 796px #FFF , 361px 1652px #FFF , 1842px 539px #FFF , 1600px 183px #FFF , 2053px 2212px #FFF , 1376px 597px #FFF , 2047px 2338px #FFF , 1261px 314px #FFF , 507px 226px #FFF , 2495px 1471px #FFF , 2109px 1985px #FFF , 541px 594px #FFF , 729px 37px #FFF , 283px 2477px #FFF , 1786px 1346px #FFF , 2px 1772px #FFF , 682px 1314px #FFF , 804px 1622px #FFF , 1462px 1786px #FFF , 2188px 1726px #FFF , 1233px 85px #FFF , 872px 271px #FFF , 769px 2215px #FFF , 1675px 868px #FFF , 766px 1075px #FFF , 1849px 295px #FFF , 991px 277px #FFF , 1484px 1008px #FFF , 755px 1262px #FFF , 851px 470px #FFF , 2493px 2428px #FFF , 680px 1418px #FFF , 489px 1810px #FFF , 1307px 1106px #FFF , 87px 319px #FFF , 1550px 2371px #FFF , 2164px 2477px #FFF , 1466px 1986px #FFF , 1250px 457px #FFF , 1793px 1593px #FFF , 2217px 2494px #FFF , 2070px 1922px #FFF , 619px 1750px #FFF , 635px 904px #FFF , 1080px 2082px #FFF , 1705px 2332px #FFF , 2387px 2436px #FFF , 1410px 132px #FFF , 2065px 485px #FFF , 862px 1407px #FFF , 694px 920px #FFF , 1411px 1512px #FFF , 495px 215px #FFF , 1143px 96px #FFF , 2087px 1151px #FFF , 335px 2069px #FFF , 1293px 1320px #FFF , 317px 1988px #FFF , 663px 1522px #FFF , 230px 1834px #FFF , 61px 263px #FFF , 177px 1097px #FFF , 383px 1450px #FFF , 354px 583px #FFF , 2063px 506px #FFF , 1459px 2353px #FFF , 2382px 1825px #FFF , 105px 44px #FFF , 399px 2078px #FFF , 49px 1087px #FFF , 1736px 2180px #FFF , 1761px 1936px #FFF , 1339px 2424px #FFF , 2152px 428px #FFF , 1566px 2085px #FFF , 2107px 1758px #FFF , 2319px 570px #FFF , 19px 1245px #FFF , 1512px 2172px #FFF , 1541px 1270px #FFF , 543px 2525px #FFF , 915px 1519px #FFF , 29px 1084px #FFF , 245px 1266px #FFF , 2084px 93px #FFF , 667px 405px #FFF , 2556px 623px #FFF , 2279px 1466px #FFF , 1260px 799px #FFF , 974px 560px #FFF , 2525px 1653px #FFF , 213px 1469px #FFF , 2450px 1804px #FFF , 1302px 2161px #FFF , 653px 1713px #FFF , 1004px 2321px #FFF , 1634px 614px #FFF , 2449px 676px #FFF , 2369px 1336px #FFF , 1118px 1058px #FFF , 281px 1786px #FFF , 1518px 1347px #FFF , 2055px 749px #FFF , 941px 1359px #FFF , 827px 1093px #FFF , 1440px 698px #FFF , 464px 840px #FFF , 61px 1844px #FFF , 2494px 2070px #FFF , 1656px 1188px #FFF , 1656px 318px #FFF , 1833px 305px #FFF , 2207px 823px #FFF , 1434px 1341px #FFF , 904px 1604px #FFF , 2492px 1139px #FFF , 1821px 816px #FFF , 530px 353px #FFF , 361px 304px #FFF , 2509px 316px #FFF , 1432px 246px #FFF , 769px 91px #FFF , 1475px 1075px #FFF , 340px 2434px #FFF , 2505px 58px #FFF , 1952px 1882px #FFF , 2060px 2321px #FFF , 233px 708px #FFF , 912px 2378px #FFF , 151px 515px #FFF , 1949px 736px #FFF , 485px 2370px #FFF , 1974px 354px #FFF , 1197px 998px #FFF , 139px 2126px #FFF , 2330px 1117px #FFF , 605px 625px #FFF , 1118px 1608px #FFF , 623px 1113px #FFF , 458px 2349px #FFF , 2140px 2061px #FFF , 2171px 386px #FFF , 1341px 377px #FFF , 2342px 491px #FFF , 1389px 558px #FFF , 1225px 1672px #FFF , 392px 403px #FFF , 518px 1929px #FFF , 1296px 2489px #FFF , 2042px 1459px #FFF , 1389px 920px #FFF , 1844px 1243px #FFF , 1389px 1241px #FFF , 695px 834px #FFF , 1793px 1059px #FFF , 320px 2418px #FFF , 392px 1452px #FFF , 2302px 588px #FFF , 2091px 2410px #FFF , 1188px 1227px #FFF , 1821px 2409px #FFF , 956px 1338px #FFF , 848px 1116px #FFF , 1913px 2291px #FFF , 2096px 83px #FFF , 1588px 2230px #FFF , 1856px 1168px #FFF , 1128px 2502px #FFF , 780px 1330px #FFF , 525px 1017px #FFF , 1534px 1453px #FFF , 889px 1890px #FFF , 1867px 1944px #FFF , 206px 226px #FFF , 591px 1921px #FFF , 1490px 456px #FFF , 2220px 2017px #FFF , 2546px 1675px #FFF , 1352px 56px #FFF , 2550px 785px #FFF , 2290px 513px #FFF , 937px 1267px #FFF , 1081px 1498px #FFF , 759px 1201px #FFF , 1426px 1170px #FFF , 1705px 766px #FFF , 476px 958px #FFF , 1825px 2257px #FFF , 2411px 2424px #FFF , 1478px 2381px #FFF , 692px 806px #FFF , 144px 1400px #FFF , 1047px 2117px #FFF , 1532px 2013px #FFF , 1146px 2446px #FFF , 1638px 1603px #FFF , 1352px 2526px #FFF , 2317px 1530px #FFF , 2275px 225px #FFF , 2117px 764px #FFF , 2555px 1159px #FFF , 577px 1210px #FFF , 2063px 1271px #FFF , 435px 1371px #FFF , 2140px 2285px #FFF , 1979px 930px #FFF , 1079px 1561px #FFF , 1091px 90px #FFF , 1452px 2287px #FFF , 1990px 1687px #FFF , 539px 1808px #FFF , 2524px 1495px #FFF , 2204px 637px #FFF , 915px 1515px #FFF , 1629px 236px #FFF , 1865px 2351px #FFF , 498px 652px #FFF , 2431px 2050px #FFF , 1933px 1727px #FFF , 463px 524px #FFF , 1073px 1772px #FFF , 1113px 2051px #FFF , 1087px 438px #FFF , 1271px 340px #FFF , 1880px 1669px #FFF , 2134px 1824px #FFF , 757px 652px #FFF , 1383px 1014px #FFF , 2125px 173px #FFF , 2395px 197px #FFF , 1420px 1931px #FFF , 2242px 2153px #FFF , 971px 1095px #FFF , 177px 1163px #FFF , 1596px 1267px #FFF , 359px 161px #FFF , 1041px 475px #FFF , 1121px 1317px #FFF , 1044px 1299px #FFF , 2116px 536px #FFF , 2372px 1500px #FFF , 2263px 1152px #FFF , 2120px 2241px #FFF , 472px 2494px #FFF , 556px 1324px #FFF , 2394px 159px #FFF , 854px 1386px #FFF , 2373px 1463px #FFF , 526px 1381px #FFF , 849px 1142px #FFF , 1670px 753px #FFF , 158px 2469px #FFF , 2526px 2086px #FFF , 108px 1458px #FFF , 248px 2556px #FFF , 1194px 1458px #FFF , 1326px 854px #FFF , 1381px 2521px #FFF , 296px 1865px #FFF , 2328px 2442px #FFF , 2127px 91px #FFF , 186px 1330px #FFF , 775px 2063px #FFF , 923px 2379px #FFF , 1821px 338px #FFF , 2227px 1126px #FFF , 689px 2138px #FFF , 797px 1144px #FFF , 902px 1791px #FFF , 922px 2029px #FFF , 958px 891px #FFF , 1662px 1816px #FFF , 2384px 2066px #FFF , 1329px 2132px #FFF , 27px 1631px #FFF , 1993px 2169px #FFF , 2196px 585px #FFF , 1250px 1424px #FFF , 695px 417px #FFF , 1617px 2541px #FFF , 231px 1393px #FFF , 1722px 1574px #FFF , 1217px 464px #FFF , 689px 299px #FFF , 1883px 791px #FFF , 2242px 2354px #FFF , 921px 2080px #FFF , 1144px 1801px #FFF , 2502px 1616px #FFF , 1262px 2060px #FFF , 703px 554px #FFF , 506px 1871px #FFF , 2350px 806px #FFF , 1463px 176px #FFF , 2266px 1305px #FFF , 375px 472px #FFF , 425px 308px #FFF , 1249px 2457px #FFF , 1775px 1809px #FFF , 320px 2336px #FFF , 2376px 1246px #FFF , 112px 706px #FFF , 2327px 752px #FFF , 1958px 825px #FFF , 2547px 1175px #FFF , 1012px 1252px #FFF , 88px 1752px #FFF , 2363px 72px #FFF , 1694px 2211px #FFF , 873px 1274px #FFF , 2554px 375px #FFF , 1684px 1810px #FFF , 1952px 386px #FFF , 2457px 1441px #FFF , 76px 473px #FFF , 1890px 127px #FFF , 17px 803px #FFF , 499px 1653px #FFF , 1228px 2467px #FFF , 790px 1067px #FFF , 1764px 606px #FFF , 244px 520px #FFF , 1233px 1248px #FFF , 1489px 724px #FFF , 672px 1250px #FFF , 2289px 946px #FFF , 1473px 734px #FFF , 1989px 2135px #FFF , 2361px 1666px #FFF , 523px 2378px #FFF , 172px 842px #FFF , 1775px 1195px #FFF , 1196px 255px #FFF , 2497px 1415px #FFF , 2377px 1712px #FFF , 2380px 1276px #FFF , 2222px 1804px #FFF , 846px 1949px #FFF , 1561px 940px #FFF , 1618px 932px #FFF , 1297px 1956px #FFF , 831px 2058px #FFF , 1451px 765px #FFF , 63px 1325px #FFF , 2205px 2421px #FFF , 15px 1897px #FFF , 1892px 1237px #FFF , 1502px 1958px #FFF , 657px 582px #FFF , 1308px 2432px #FFF , 808px 1458px #FFF , 2208px 1465px #FFF , 1054px 955px #FFF , 1953px 1985px #FFF , 1729px 1960px #FFF , 831px 1971px #FFF , 716px 1703px #FFF , 656px 1273px #FFF , 1751px 362px #FFF , 2056px 751px #FFF , 2468px 2064px #FFF , 1051px 485px #FFF , 2166px 824px #FFF , 413px 618px #FFF , 916px 573px #FFF , 1038px 2279px #FFF , 1726px 105px #FFF , 556px 205px #FFF , 1300px 1047px #FFF , 1568px 227px #FFF , 651px 2461px #FFF , 127px 463px #FFF , 1538px 1935px #FFF , 2503px 228px #FFF , 2478px 855px #FFF , 122px 1295px #FFF , 545px 93px #FFF , 222px 1361px #FFF , 571px 2413px #FFF , 910px 1788px #FFF , 1534px 1707px #FFF , 413px 1404px #FFF , 383px 1928px #FFF , 1911px 359px #FFF , 1566px 1232px #FFF , 818px 887px #FFF , 2335px 2091px #FFF , 598px 961px #FFF , 2206px 1073px #FFF , 321px 1572px #FFF , 1925px 526px #FFF , 1821px 2038px #FFF , 2012px 1090px #FFF , 2301px 1845px #FFF , 356px 375px #FFF , 198px 634px #FFF , 999px 1994px #FFF , 1400px 2035px #FFF , 1662px 4px #FFF , 469px 910px #FFF , 315px 1290px #FFF , 994px 529px #FFF , 1189px 727px #FFF , 1635px 1499px #FFF , 1868px 182px #FFF , 797px 36px #FFF , 1911px 2457px #FFF , 1070px 1617px #FFF , 1264px 1803px #FFF , 183px 2247px #FFF , 1182px 1422px #FFF , 1833px 750px #FFF , 1328px 1118px #FFF , 1434px 21px #FFF , 251px 2228px #FFF , 434px 954px #FFF , 2402px 1833px #FFF , 2255px 1776px #FFF , 2342px 1269px #FFF , 1045px 461px #FFF , 1082px 2198px #FFF , 1962px 1579px #FFF , 959px 1421px #FFF , 185px 1664px #FFF , 1752px 1151px #FFF , 1907px 945px #FFF , 2225px 917px #FFF , 390px 1994px #FFF , 1059px 38px #FFF , 1045px 501px #FFF , 322px 499px #FFF , 1078px 1785px #FFF , 1730px 2331px #FFF , 299px 344px #FFF , 1033px 176px #FFF , 2039px 403px #FFF , 868px 1020px #FFF , 1615px 2376px #FFF , 1263px 1307px #FFF , 337px 1400px #FFF , 120px 2324px #FFF , 1179px 1822px #FFF , 1282px 552px #FFF , 2460px 1764px #FFF , 1683px 2199px #FFF , 1979px 2443px #FFF , 579px 1477px #FFF , 1855px 13px #FFF , 533px 139px #FFF , 2010px 538px #FFF , 691px 1357px #FFF , 260px 1773px #FFF , 2016px 1971px #FFF , 1623px 2347px #FFF , 1793px 1411px #FFF , 1724px 612px #FFF , 1421px 1620px #FFF , 1686px 2389px #FFF , 2175px 1943px #FFF , 593px 1748px #FFF , 1813px 2259px #FFF , 1557px 1819px #FFF , 396px 1595px #FFF , 2031px 406px #FFF , 1816px 1307px #FFF , 2346px 114px #FFF , 1695px 413px #FFF , 729px 1690px #FFF , 1628px 286px #FFF , 1042px 819px #FFF , 2027px 2004px #FFF , 1990px 1299px #FFF , 1234px 1426px #FFF , 596px 1909px #FFF , 1476px 176px #FFF , 27px 1468px #FFF , 1759px 1442px #FFF , 229px 2302px #FFF , 2026px 66px #FFF , 2087px 1372px #FFF , 303px 1501px #FFF , 401px 1905px #FFF , 1325px 2161px #FFF , 1533px 1883px #FFF , 822px 760px #FFF , 1253px 2423px #FFF , 1162px 1853px #FFF , 89px 1003px #FFF , 289px 118px #FFF , 1505px 1272px #FFF , 645px 1430px #FFF , 241px 1469px #FFF , 124px 776px #FFF , 1954px 1537px #FFF , 1141px 2189px #FFF , 220px 1907px #FFF , 1725px 2252px #FFF , 2472px 215px #FFF , 2398px 45px #FFF , 1283px 1301px #FFF , 528px 2515px #FFF , 2522px 73px #FFF , 404px 1792px #FFF , 1095px 1985px #FFF , 2301px 1744px #FFF , 2280px 1361px #FFF , 1712px 1213px #FFF , 1904px 1699px #FFF , 830px 2154px #FFF , 1281px 973px #FFF , 1331px 918px #FFF , 1835px 2445px #FFF , 1844px 2235px #FFF , 600px 875px #FFF , 1213px 1820px #FFF , 1199px 1802px #FFF , 34px 700px #FFF , 1141px 1240px #FFF , 1296px 1548px #FFF , 891px 1067px #FFF , 782px 2232px #FFF , 2422px 1140px #FFF , 1194px 24px #FFF , 1308px 2328px #FFF , 2191px 1902px #FFF , 2312px 1828px #FFF , 2179px 17px #FFF , 2253px 1908px #FFF , 1864px 253px #FFF , 67px 504px #FFF , 2207px 1132px #FFF , 1623px 905px #FFF , 1112px 1284px #FFF , 1643px 1541px #FFF , 2477px 34px #FFF , 2058px 157px #FFF , 1843px 2008px #FFF , 591px 367px #FFF , 1004px 2104px #FFF , 2498px 796px #FFF , 2388px 1848px #FFF , 2256px 1236px #FFF , 763px 950px #FFF , 1154px 41px #FFF , 1256px 1498px #FFF , 943px 2553px #FFF , 1481px 2142px #FFF , 2384px 440px #FFF , 2480px 1333px #FFF , 758px 998px #FFF , 34px 108px #FFF , 2457px 2439px #FFF , 2184px 110px #FFF , 215px 126px #FFF , 1893px 1439px #FFF , 300px 100px #FFF , 181px 934px #FFF , 525px 1130px #FFF , 2087px 541px #FFF , 2167px 38px #FFF , 1602px 276px #FFF , 741px 2207px #FFF , 664px 892px #FFF , 1323px 1719px #FFF , 1333px 746px #FFF , 2489px 2298px #FFF , 2516px 1988px #FFF , 2179px 1294px #FFF , 2455px 2135px #FFF , 1937px 2024px #FFF , 2490px 1357px #FFF , 1422px 2519px #FFF , 993px 2024px #FFF , 91px 2153px #FFF , 884px 2123px #FFF , 2045px 267px #FFF , 2206px 332px #FFF , 1529px 1783px #FFF , 1334px 211px #FFF , 1781px 1740px #FFF , 661px 220px #FFF , 426px 1210px #FFF , 1308px 1171px #FFF , 2036px 863px #FFF , 1542px 1749px #FFF , 1136px 371px #FFF , 1753px 2164px #FFF , 415px 1051px #FFF , 908px 1583px #FFF , 1108px 1065px #FFF , 489px 2224px #FFF , 2491px 1379px #FFF , 780px 1486px #FFF , 932px 487px #FFF , 1455px 1409px #FFF , 140px 1444px #FFF , 1945px 361px #FFF , 580px 509px #FFF , 49px 2025px #FFF , 1794px 333px #FFF , 1580px 1519px #FFF , 1159px 22px #FFF , 498px 189px #FFF , 1609px 2170px #FFF , 1577px 2427px #FFF , 69px 2376px #FFF , 2200px 648px #FFF , 1120px 1295px #FFF , 1740px 631px #FFF , 126px 2273px #FFF , 1981px 2439px #FFF , 1965px 860px #FFF , 2350px 2427px #FFF , 1476px 521px #FFF , 1852px 2301px #FFF , 1443px 1769px #FFF , 2530px 1369px #FFF , 692px 1224px #FFF , 1974px 1691px #FFF , 555px 530px #FFF , 409px 1268px #FFF , 443px 998px #FFF , 126px 791px #FFF , 2321px 1656px #FFF , 138px 979px #FFF , 831px 145px #FFF , 1367px 465px #FFF , 330px 260px #FFF , 976px 947px #FFF , 669px 890px #FFF , 1884px 1835px #FFF , 2316px 1016px #FFF , 1683px 927px #FFF , 294px 781px #FFF , 2140px 2268px #FFF , 1619px 1833px #FFF , 1204px 991px #FFF , 1268px 1928px #FFF , 2009px 1957px #FFF , 2383px 2413px #FFF , 941px 1957px #FFF , 315px 1112px #FFF , 1143px 1706px #FFF , 102px 278px #FFF , 2494px 1368px #FFF , 1286px 1949px #FFF , 409px 2271px #FFF , 1098px 2275px #FFF , 1560px 2208px #FFF , 779px 2061px #FFF , 474px 1753px #FFF , 542px 346px #FFF , 1295px 438px #FFF , 1128px 555px #FFF , 1689px 2231px #FFF , 428px 1960px #FFF , 1521px 82px #FFF , 287px 798px #FFF , 2058px 2031px #FFF , 1061px 2487px #FFF , 1037px 2119px #FFF , 1699px 1292px #FFF , 809px 838px #FFF , 2110px 125px #FFF , 374px 911px #FFF , 880px 18px #FFF , 836px 1071px #FFF , 2015px 243px #FFF , 2320px 2499px #FFF , 1769px 2468px #FFF , 859px 2021px #FFF , 377px 2221px #FFF , 907px 2382px #FFF , 1282px 2150px #FFF , 759px 136px #FFF , 1277px 2366px #FFF , 2178px 1153px #FFF , 2298px 1833px #FFF , 1676px 139px #FFF , 320px 510px #FFF , 1238px 405px #FFF , 1573px 922px #FFF , 462px 2010px #FFF , 1646px 1161px #FFF , 2059px 1227px #FFF , 1191px 1049px #FFF , 1527px 1358px #FFF , 90px 1767px #FFF , 38px 2136px #FFF , 1121px 115px #FFF , 1338px 2265px #FFF , 1950px 196px #FFF , 289px 1416px #FFF , 313px 314px #FFF , 162px 2519px #FFF , 1150px 2427px #FFF , 1288px 1989px #FFF , 2428px 1880px #FFF , 2553px 871px #FFF , 1643px 57px #FFF , 241px 892px #FFF , 420px 1067px #FFF , 41px 1000px #FFF , 504px 2523px #FFF , 751px 2351px #FFF , 1118px 1041px #FFF , 2092px 96px #FFF , 936px 554px #FFF , 1292px 697px #FFF , 517px 902px #FFF , 530px 2508px #FFF , 685px 745px #FFF , 2388px 561px #FFF , 1051px 1198px #FFF , 199px 1888px #FFF , 683px 1250px #FFF , 252px 2227px #FFF , 2402px 956px #FFF , 2414px 2098px #FFF , 1500px 1764px #FFF , 970px 1974px #FFF , 2535px 132px #FFF , 2445px 782px #FFF , 1312px 1178px #FFF , 1352px 187px #FFF , 1476px 1844px #FFF , 2475px 719px #FFF , 2261px 17px #FFF , 2399px 66px #FFF , 433px 1313px #FFF , 841px 2183px #FFF , 1602px 1949px #FFF , 430px 1967px #FFF , 353px 1470px #FFF , 841px 351px #FFF , 468px 2134px #FFF , 143px 1192px #FFF , 2230px 2458px #FFF , 2107px 499px #FFF , 1647px 1298px #FFF , 794px 1794px #FFF , 1957px 2155px #FFF , 661px 2304px #FFF , 1571px 502px #FFF , 1071px 2098px #FFF , 1496px 1938px #FFF , 1383px 927px #FFF , 1737px 971px #FFF , 349px 2149px #FFF , 1661px 1260px #FFF , 74px 1019px #FFF , 2431px 1159px #FFF , 1976px 2224px #FFF , 345px 99px #FFF , 2398px 2487px #FFF , 1071px 85px #FFF , 1659px 2390px #FFF , 1549px 1155px #FFF , 415px 398px #FFF , 654px 2025px #FFF , 1279px 544px #FFF , 982px 1193px #FFF , 2192px 1214px #FFF , 1101px 1552px #FFF , 331px 629px #FFF , 78px 1594px #FFF , 1721px 1872px #FFF , 366px 1770px #FFF , 1161px 1771px #FFF , 1770px 2155px #FFF , 1621px 1112px #FFF , 2305px 960px #FFF , 1010px 1705px #FFF , 1983px 2145px #FFF , 1644px 2092px #FFF , 2477px 2425px #FFF , 1757px 999px #FFF , 524px 652px #FFF , 1753px 854px #FFF , 51px 2391px #FFF , 614px 292px #FFF , 498px 15px #FFF , 1634px 341px #FFF , 1356px 2293px #FFF , 183px 2038px #FFF , 1252px 1081px #FFF , 1367px 1158px #FFF , 2012px 2343px #FFF , 1785px 431px #FFF , 1727px 391px #FFF , 145px 1814px #FFF , 1015px 472px #FFF , 2415px 1481px #FFF , 1900px 1414px #FFF , 344px 1366px #FFF , 2164px 2182px #FFF , 1406px 2415px #FFF , 432px 1278px #FFF , 1164px 1703px #FFF , 188px 2196px #FFF , 2196px 815px #FFF , 323px 1923px #FFF , 1419px 2087px #FFF , 39px 1783px #FFF , 1064px 1266px #FFF , 659px 2059px #FFF , 1965px 940px #FFF , 1488px 1226px #FFF , 843px 1680px #FFF , 913px 541px #FFF , 163px 693px #FFF , 211px 569px #FFF , 1887px 432px #FFF , 713px 2160px #FFF , 1318px 1917px #FFF , 230px 7px #FFF , 1099px 1767px #FFF , 1805px 2133px #FFF , 411px 2301px #FFF , 1287px 1724px #FFF , 1521px 409px #FFF , 128px 2282px #FFF , 2455px 2465px #FFF , 1598px 2206px #FFF , 1336px 197px #FFF , 402px 606px #FFF , 161px 1198px #FFF , 2431px 2312px #FFF , 564px 1591px #FFF , 652px 404px #FFF , 628px 2401px #FFF , 270px 20px #FFF , 1234px 370px #FFF , 218px 280px #FFF , 2557px 1061px #FFF , 15px 720px #FFF , 2125px 1168px #FFF , 851px 56px #FFF , 2304px 1660px #FFF , 1577px 1392px #FFF , 2166px 302px #FFF , 2193px 1133px #FFF , 1852px 1643px #FFF , 50px 1393px #FFF , 119px 2461px #FFF , 456px 1110px #FFF , 2165px 253px #FFF , 1050px 1293px #FFF , 1742px 315px #FFF , 2294px 2383px #FFF , 210px 2172px #FFF , 234px 2120px #FFF , 262px 1813px #FFF , 2401px 1278px #FFF , 740px 1805px #FFF , 1636px 1472px #FFF , 680px 1176px #FFF , 2122px 119px #FFF , 1763px 1628px #FFF , 889px 1508px #FFF , 2265px 543px #FFF , 327px 1859px #FFF , 280px 1127px #FFF , 272px 1745px #FFF , 1011px 1597px #FFF , 116px 1128px #FFF , 1671px 1408px #FFF , 2222px 1448px #FFF , 1243px 70px #FFF , 878px 160px #FFF , 692px 1530px #FFF , 173px 105px #FFF , 1194px 1378px #FFF , 719px 2058px #FFF , 88px 1574px #FFF , 1813px 809px #FFF , 151px 363px #FFF , 989px 1737px #FFF , 1313px 39px #FFF , 1174px 865px #FFF , 664px 336px #FFF , 1199px 100px #FFF , 1035px 1538px #FFF , 530px 416px #FFF , 2306px 620px #FFF , 792px 510px #FFF , 2484px 2233px #FFF , 862px 1388px #FFF , 670px 400px #FFF , 2165px 386px #FFF , 455px 1819px #FFF , 1878px 31px #FFF , 1748px 1230px #FFF , 2122px 1704px #FFF , 215px 1461px #FFF , 721px 1554px #FFF , 1692px 1416px #FFF , 1606px 2376px #FFF , 399px 547px #FFF , 14px 1600px #FFF , 884px 2176px #FFF , 166px 136px #FFF , 2338px 75px #FFF , 637px 521px #FFF , 2395px 957px #FFF , 678px 2050px #FFF , 1058px 2139px #FFF , 795px 1849px #FFF , 269px 979px #FFF , 2314px 1204px #FFF , 1452px 1726px #FFF , 2426px 982px #FFF , 968px 671px #FFF , 984px 2109px #FFF , 1836px 1124px #FFF , 1433px 2466px #FFF , 2456px 857px #FFF , 1477px 2245px #FFF , 2154px 498px #FFF , 724px 392px #FFF , 1331px 465px #FFF , 1463px 2085px #FFF , 1305px 1618px #FFF , 1525px 91px #FFF , 763px 517px #FFF , 2376px 161px #FFF , 636px 2044px #FFF , 2496px 901px #FFF , 294px 2363px #FFF , 729px 1352px #FFF , 1685px 1502px #FFF , 2221px 1647px #FFF , 1674px 1300px #FFF , 178px 760px #FFF , 2557px 2214px #FFF , 209px 643px #FFF , 2282px 2535px #FFF , 1251px 1015px #FFF , 1193px 1173px #FFF , 2066px 2548px #FFF , 1272px 999px #FFF , 284px 1905px #FFF , 2289px 744px #FFF , 304px 171px #FFF , 508px 1246px #FFF , 2500px 456px #FFF , 2269px 1042px #FFF , 1186px 1409px #FFF , 1741px 1138px #FFF , 1607px 1481px #FFF , 761px 2214px #FFF , 1893px 1102px #FFF , 1122px 1079px #FFF , 2271px 1664px #FFF , 219px 1777px #FFF , 732px 1474px #FFF , 2015px 814px #FFF , 1164px 2322px #FFF , 213px 813px #FFF , 2109px 1480px #FFF , 239px 722px #FFF , 1710px 872px #FFF , 1034px 185px #FFF , 286px 1210px #FFF , 2297px 386px #FFF , 2120px 2147px #FFF , 1712px 1280px #FFF , 262px 639px #FFF , 2112px 1628px #FFF , 507px 2110px #FFF , 1487px 7px #FFF , 886px 1991px #FFF , 1036px 1526px #FFF , 2359px 2160px #FFF , 1750px 340px #FFF , 1737px 2389px #FFF , 769px 1551px #FFF , 1310px 812px #FFF , 2273px 1167px #FFF , 753px 576px #FFF , 2117px 186px #FFF , 1441px 559px #FFF , 1429px 374px #FFF , 580px 235px #FFF , 116px 1099px #FFF , 1425px 336px #FFF , 111px 990px #FFF , 214px 2369px #FFF , 2109px 1959px #FFF , 1488px 2066px #FFF , 1431px 1813px #FFF , 248px 2350px #FFF , 24px 60px #FFF , 1221px 2506px #FFF , 2539px 1975px #FFF , 2377px 1034px #FFF , 1382px 2015px #FFF , 2038px 174px #FFF , 2142px 1497px #FFF , 2336px 283px #FFF , 1865px 847px #FFF , 61px 264px #FFF , 1327px 1920px #FFF , 1900px 848px #FFF , 2487px 1543px #FFF , 1640px 2552px #FFF , 122px 1179px #FFF , 46px 191px #FFF , 339px 2252px #FFF , 2267px 1268px #FFF , 1631px 1128px #FFF , 364px 1459px #FFF , 337px 364px #FFF , 1248px 1554px #FFF , 1216px 1282px #FFF , 719px 2289px #FFF , 821px 97px #FFF , 1247px 1767px #FFF , 2345px 1732px #FFF , 156px 1813px #FFF , 767px 1419px #FFF , 1067px 1145px #FFF , 1271px 1015px #FFF , 1638px 2038px #FFF , 2167px 1087px #FFF , 1095px 2100px #FFF;
}

.hero-section > .container .stars1 {
  z-index: 10;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 1785px 664px #FFF , 1750px 1101px #FFF , 2510px 1447px #FFF , 721px 2249px #FFF , 229px 1558px #FFF , 2488px 1276px #FFF , 1804px 1066px #FFF , 2533px 1877px #FFF , 1919px 597px #FFF , 2350px 1110px #FFF , 1907px 1381px #FFF , 632px 894px #FFF , 1434px 300px #FFF , 887px 2129px #FFF , 468px 2437px #FFF , 1424px 376px #FFF , 157px 1159px #FFF , 472px 604px #FFF , 808px 1885px #FFF , 1168px 1765px #FFF , 2002px 400px #FFF , 1469px 809px #FFF , 1074px 2542px #FFF , 1710px 1238px #FFF , 262px 2530px #FFF , 1354px 1884px #FFF , 637px 943px #FFF , 1294px 1204px #FFF , 352px 797px #FFF , 1284px 2529px #FFF , 2107px 215px #FFF , 1458px 1426px #FFF , 611px 2457px #FFF , 910px 1683px #FFF , 963px 138px #FFF , 1156px 797px #FFF , 1591px 1527px #FFF , 551px 1027px #FFF , 187px 1003px #FFF , 1073px 462px #FFF , 41px 2546px #FFF , 2117px 1916px #FFF , 1216px 995px #FFF , 1966px 1100px #FFF , 2265px 1384px #FFF , 1814px 2342px #FFF , 1651px 824px #FFF , 1754px 152px #FFF , 1752px 2200px #FFF , 2132px 1055px #FFF , 2392px 2080px #FFF , 362px 1048px #FFF , 370px 373px #FFF , 424px 260px #FFF , 880px 1973px #FFF , 1212px 433px #FFF , 602px 1985px #FFF , 1289px 1138px #FFF , 447px 1034px #FFF , 2004px 1547px #FFF , 902px 1185px #FFF , 1208px 2339px #FFF , 896px 52px #FFF , 2555px 1050px #FFF , 513px 874px #FFF , 1651px 1289px #FFF , 858px 2374px #FFF , 2190px 1736px #FFF , 1868px 798px #FFF , 1469px 2348px #FFF , 542px 1166px #FFF , 2029px 309px #FFF , 1697px 1506px #FFF , 1604px 382px #FFF , 606px 1801px #FFF , 1364px 83px #FFF , 1787px 1239px #FFF , 1384px 2498px #FFF , 1506px 493px #FFF , 699px 237px #FFF , 1426px 339px #FFF , 1759px 1004px #FFF , 1566px 931px #FFF , 2037px 1915px #FFF , 242px 1620px #FFF , 1095px 1178px #FFF , 2028px 829px #FFF , 1704px 690px #FFF , 2514px 1341px #FFF , 2031px 388px #FFF , 1820px 72px #FFF , 639px 31px #FFF , 1802px 694px #FFF , 36px 178px #FFF , 1887px 276px #FFF , 172px 2111px #FFF , 2477px 1679px #FFF , 2445px 542px #FFF , 286px 1108px #FFF , 480px 231px #FFF , 1511px 2226px #FFF , 55px 705px #FFF , 2279px 909px #FFF , 55px 1701px #FFF , 1936px 429px #FFF , 372px 1735px #FFF , 1836px 1542px #FFF , 912px 1012px #FFF , 1435px 523px #FFF , 339px 718px #FFF , 812px 1687px #FFF , 2044px 1931px #FFF , 2484px 2308px #FFF , 1296px 239px #FFF , 1359px 1940px #FFF , 11px 425px #FFF , 237px 997px #FFF , 1715px 2095px #FFF , 2208px 1131px #FFF , 1189px 810px #FFF , 2074px 1864px #FFF , 1621px 173px #FFF , 2097px 1615px #FFF , 205px 586px #FFF , 1199px 769px #FFF , 2020px 2275px #FFF , 431px 90px #FFF , 1647px 858px #FFF , 2398px 2376px #FFF , 2318px 1099px #FFF , 1148px 503px #FFF , 1222px 595px #FFF , 460px 1653px #FFF , 2077px 1596px #FFF , 2041px 222px #FFF , 192px 441px #FFF , 772px 760px #FFF , 86px 2371px #FFF , 2170px 81px #FFF , 1181px 2267px #FFF , 2180px 266px #FFF , 210px 1080px #FFF , 1536px 1427px #FFF , 1532px 7px #FFF , 750px 554px #FFF , 2550px 1215px #FFF , 609px 1208px #FFF , 154px 1851px #FFF , 719px 1762px #FFF , 2507px 2552px #FFF , 1154px 1355px #FFF , 1555px 1004px #FFF , 832px 2431px #FFF , 1877px 2257px #FFF , 1910px 1433px #FFF , 2092px 739px #FFF , 1600px 2100px #FFF , 1156px 450px #FFF , 141px 272px #FFF , 1996px 1489px #FFF , 472px 2141px #FFF , 2165px 2112px #FFF , 2130px 1863px #FFF , 2191px 188px #FFF , 292px 828px #FFF , 1853px 710px #FFF , 1814px 252px #FFF , 2173px 2412px #FFF , 2403px 1959px #FFF , 269px 944px #FFF , 1776px 1449px #FFF , 1739px 1970px #FFF , 477px 559px #FFF , 203px 1537px #FFF , 216px 2385px #FFF , 664px 933px #FFF , 470px 182px #FFF , 1341px 1713px #FFF , 678px 1156px #FFF , 259px 722px #FFF , 1548px 1727px #FFF , 553px 134px #FFF , 1341px 2365px #FFF , 884px 1813px #FFF , 1418px 886px #FFF , 888px 1201px #FFF , 1645px 306px #FFF , 1944px 758px #FFF , 1241px 576px #FFF , 1515px 1688px #FFF , 1223px 1087px #FFF , 1532px 2059px #FFF , 1101px 2160px #FFF , 659px 1342px #FFF , 2090px 1854px #FFF , 1045px 1179px #FFF , 1351px 200px #FFF , 2208px 1522px #FFF , 1837px 2099px #FFF , 303px 265px #FFF , 2546px 1238px #FFF , 2293px 2428px #FFF , 1483px 361px #FFF , 2382px 1138px #FFF , 2392px 408px #FFF , 55px 2014px #FFF , 636px 1882px #FFF , 2344px 940px #FFF , 2473px 956px #FFF , 625px 255px #FFF , 96px 2433px #FFF , 796px 2521px #FFF , 1809px 1351px #FFF , 814px 1169px #FFF , 1366px 658px #FFF , 1266px 1029px #FFF , 1479px 799px #FFF , 352px 26px #FFF , 159px 1594px #FFF , 118px 594px #FFF , 1901px 1422px #FFF , 2490px 1002px #FFF , 2354px 1474px #FFF , 951px 1103px #FFF , 1475px 731px #FFF , 1811px 2160px #FFF , 1357px 271px #FFF , 141px 333px #FFF , 1714px 2233px #FFF , 1516px 1190px #FFF , 118px 538px #FFF , 1984px 695px #FFF , 1993px 769px #FFF , 2385px 1951px #FFF , 1643px 2386px #FFF , 2550px 106px #FFF , 122px 1831px #FFF , 556px 252px #FFF , 714px 1335px #FFF , 622px 2551px #FFF , 1754px 555px #FFF , 1068px 2139px #FFF , 61px 1867px #FFF , 2293px 282px #FFF , 449px 2247px #FFF , 787px 2276px #FFF , 688px 545px #FFF , 630px 94px #FFF , 1805px 1825px #FFF , 1621px 1579px #FFF , 2410px 1055px #FFF , 733px 138px #FFF , 515px 1227px #FFF , 276px 427px #FFF , 2514px 600px #FFF , 198px 1259px #FFF , 2278px 865px #FFF , 2461px 2284px #FFF , 80px 864px #FFF , 1760px 1830px #FFF , 1052px 2173px #FFF , 1609px 456px #FFF , 434px 174px #FFF , 2234px 2207px #FFF , 147px 1203px #FFF , 1353px 255px #FFF , 2509px 1531px #FFF , 1149px 1516px #FFF , 2380px 2471px #FFF , 445px 785px #FFF , 546px 2165px #FFF , 2256px 2110px #FFF , 892px 769px #FFF , 1491px 1174px #FFF , 1943px 727px #FFF , 2090px 1429px #FFF , 622px 1784px #FFF , 2309px 2050px #FFF , 1583px 892px #FFF , 642px 1391px #FFF , 2100px 1217px #FFF , 765px 1385px #FFF , 1024px 2237px #FFF , 1004px 1256px #FFF , 337px 1904px #FFF , 998px 675px #FFF , 1754px 1245px #FFF , 1202px 2346px #FFF , 1007px 1339px #FFF , 1171px 2090px #FFF , 1332px 161px #FFF , 1855px 1237px #FFF , 1423px 885px #FFF , 197px 1618px #FFF , 2454px 550px #FFF , 1098px 2455px #FFF , 2542px 1230px #FFF , 2083px 505px #FFF , 2516px 967px #FFF , 1634px 158px #FFF , 770px 1734px #FFF , 369px 2531px #FFF , 2421px 714px #FFF , 2017px 1725px #FFF , 825px 1473px #FFF , 1543px 2529px #FFF , 280px 1344px #FFF , 670px 1394px #FFF , 1759px 1156px #FFF , 1718px 401px #FFF , 804px 1848px #FFF , 79px 8px #FFF , 368px 323px #FFF , 1312px 918px #FFF , 1286px 1742px #FFF , 1457px 982px #FFF , 1239px 21px #FFF , 2316px 2298px #FFF , 356px 719px #FFF , 1583px 1779px #FFF , 940px 1199px #FFF , 1918px 722px #FFF , 2559px 358px #FFF , 272px 432px #FFF , 2493px 436px #FFF , 954px 394px #FFF , 2278px 2541px #FFF , 1817px 1068px #FFF , 1575px 1421px #FFF , 1343px 1969px #FFF , 2374px 2023px #FFF , 751px 1997px #FFF , 1867px 964px #FFF , 1450px 2498px #FFF , 1533px 862px #FFF , 1348px 1537px #FFF , 744px 389px #FFF , 2184px 601px #FFF , 1018px 1061px #FFF , 1727px 1015px #FFF , 1938px 1724px #FFF , 324px 873px #FFF , 1114px 399px #FFF , 1776px 2407px #FFF , 2289px 1608px #FFF , 1994px 2221px #FFF , 1327px 29px #FFF , 215px 1998px #FFF , 1725px 2082px #FFF , 1076px 1257px #FFF , 349px 604px #FFF , 2053px 1060px #FFF , 2516px 732px #FFF , 1969px 723px #FFF , 214px 1513px #FFF , 119px 2327px #FFF , 2382px 417px #FFF , 450px 391px #FFF , 1767px 850px #FFF , 726px 2295px #FFF , 1702px 1255px #FFF , 331px 539px #FFF , 309px 631px #FFF , 732px 2218px #FFF , 365px 1561px #FFF , 1777px 376px #FFF , 2000px 924px #FFF , 1810px 2343px #FFF , 1801px 1953px #FFF , 409px 297px #FFF , 2429px 488px #FFF , 1073px 158px #FFF , 288px 1280px #FFF , 161px 765px #FFF , 868px 579px #FFF , 1599px 439px #FFF , 857px 533px #FFF , 1492px 1710px #FFF , 566px 1648px #FFF , 424px 2472px #FFF , 1767px 28px #FFF , 2022px 2533px #FFF , 343px 1934px #FFF , 1450px 624px #FFF , 1865px 2210px #FFF , 1617px 426px #FFF , 1877px 1972px #FFF , 886px 1023px #FFF , 856px 2003px #FFF , 1624px 1213px #FFF , 1749px 2464px #FFF , 22px 805px #FFF , 1761px 347px #FFF , 2557px 2134px #FFF , 2235px 1954px #FFF , 1933px 2119px #FFF , 177px 1926px #FFF , 282px 2436px #FFF , 1862px 2076px #FFF , 167px 639px #FFF , 509px 1084px #FFF , 1860px 1511px #FFF , 1109px 235px #FFF , 1063px 1217px #FFF , 808px 2414px #FFF , 1325px 1246px #FFF , 2056px 1930px #FFF , 1423px 1795px #FFF , 2124px 69px #FFF , 1009px 871px #FFF , 2355px 445px #FFF , 2468px 1307px #FFF , 2069px 2216px #FFF , 651px 411px #FFF , 1470px 1864px #FFF , 263px 438px #FFF , 1419px 1342px #FFF , 422px 103px #FFF , 1873px 22px #FFF , 217px 289px #FFF , 589px 2211px #FFF , 301px 568px #FFF , 2097px 501px #FFF , 2039px 1433px #FFF , 618px 243px #FFF , 2464px 171px #FFF , 2514px 381px #FFF , 507px 2404px #FFF , 2125px 366px #FFF , 846px 1020px #FFF , 482px 1467px #FFF , 825px 308px #FFF , 280px 895px #FFF , 2267px 2172px #FFF , 539px 2274px #FFF , 1549px 1988px #FFF , 477px 1544px #FFF , 548px 1300px #FFF , 395px 357px #FFF , 2129px 2103px #FFF , 1021px 2416px #FFF , 2445px 81px #FFF , 2224px 1235px #FFF , 1680px 1190px #FFF , 711px 1730px #FFF , 550px 1094px #FFF , 100px 672px #FFF , 2490px 1800px #FFF , 1966px 514px #FFF , 1581px 502px #FFF , 2325px 2070px #FFF , 117px 2266px #FFF , 2150px 1005px #FFF , 1091px 2329px #FFF , 857px 2166px #FFF , 1298px 1290px #FFF , 2178px 2008px #FFF , 1930px 1234px #FFF , 393px 296px #FFF , 1566px 2266px #FFF , 1869px 808px #FFF , 908px 2308px #FFF , 1690px 2185px #FFF , 1797px 685px #FFF , 2316px 1417px #FFF , 1122px 1879px #FFF , 1147px 553px #FFF , 502px 1800px #FFF , 2382px 302px #FFF , 1401px 854px #FFF , 2121px 2274px #FFF , 1295px 684px #FFF , 597px 461px #FFF , 606px 2334px #FFF , 2175px 2028px #FFF , 262px 333px #FFF , 1820px 2043px #FFF , 301px 620px #FFF , 2531px 774px #FFF , 2421px 719px #FFF , 1321px 562px #FFF , 2527px 1789px #FFF , 2293px 689px #FFF , 19px 933px #FFF , 2413px 944px #FFF , 348px 323px #FFF , 205px 2436px #FFF , 538px 473px #FFF , 1270px 1333px #FFF , 642px 754px #FFF , 1124px 1159px #FFF , 1068px 1428px #FFF , 1601px 1325px #FFF , 1600px 659px #FFF , 1733px 2307px #FFF , 1076px 118px #FFF , 468px 2547px #FFF , 347px 522px #FFF , 1477px 473px #FFF , 2051px 1533px #FFF , 2043px 945px #FFF , 1554px 2224px #FFF , 2130px 714px #FFF , 760px 939px #FFF , 2421px 1979px #FFF , 2507px 1837px #FFF , 2470px 1387px #FFF , 1963px 393px #FFF , 1919px 2187px #FFF , 2419px 1313px #FFF , 545px 984px #FFF , 2513px 1797px #FFF , 2422px 306px #FFF , 753px 800px #FFF , 258px 1967px #FFF , 1405px 1549px #FFF , 946px 690px #FFF , 86px 6px #FFF , 1425px 723px #FFF , 1633px 2504px #FFF , 1427px 1350px #FFF , 866px 2028px #FFF , 1465px 1797px #FFF , 1510px 2185px #FFF , 982px 860px #FFF , 726px 881px #FFF , 1047px 847px #FFF , 518px 1763px #FFF , 1998px 1750px #FFF , 1462px 2367px #FFF , 2437px 2278px #FFF , 1864px 56px #FFF , 1289px 1655px #FFF , 1327px 17px #FFF , 1354px 2490px #FFF , 2540px 1479px #FFF , 200px 235px #FFF , 1499px 2167px #FFF , 452px 1788px #FFF , 2032px 771px #FFF , 1517px 908px #FFF , 2035px 2203px #FFF , 1789px 237px #FFF , 2390px 182px #FFF , 273px 1372px #FFF , 29px 2398px #FFF , 1540px 1032px #FFF , 1595px 30px #FFF , 1819px 999px #FFF , 2401px 510px #FFF , 1073px 89px #FFF , 1489px 1534px #FFF , 1953px 1784px #FFF , 380px 753px #FFF , 1293px 1002px #FFF , 990px 1259px #FFF , 2149px 1410px #FFF , 1499px 2504px #FFF , 2398px 526px #FFF , 1108px 1037px #FFF , 655px 1938px #FFF , 2390px 2177px #FFF , 1046px 7px #FFF , 2067px 1059px #FFF , 2308px 452px #FFF , 1241px 2091px #FFF , 34px 675px #FFF , 175px 2202px #FFF , 234px 2034px #FFF , 2042px 600px #FFF , 1886px 1795px #FFF , 436px 691px #FFF , 2044px 963px #FFF , 1582px 456px #FFF , 642px 48px #FFF , 695px 2409px #FFF , 1636px 232px #FFF , 1582px 2348px #FFF , 599px 1046px #FFF , 1432px 1258px #FFF , 1683px 2512px #FFF , 1509px 2038px #FFF , 2475px 2221px #FFF , 559px 1619px #FFF , 621px 1055px #FFF , 282px 1198px #FFF , 644px 1841px #FFF , 1774px 2073px #FFF , 1322px 2263px #FFF , 989px 1010px #FFF , 2096px 2145px #FFF , 30px 660px #FFF , 1574px 1300px #FFF , 1912px 496px #FFF , 2302px 2049px #FFF , 1531px 227px #FFF , 1105px 2069px #FFF , 885px 481px #FFF , 1661px 472px #FFF , 528px 1119px #FFF , 1119px 657px #FFF , 702px 987px #FFF , 679px 436px #FFF , 1441px 1739px #FFF , 1891px 2445px #FFF , 1230px 1125px #FFF , 2037px 1409px #FFF , 2267px 1201px #FFF , 320px 157px #FFF , 2422px 41px #FFF , 2449px 467px #FFF , 1921px 2244px #FFF , 380px 909px #FFF , 802px 1948px #FFF , 1790px 1755px #FFF , 2251px 2208px #FFF , 355px 1067px #FFF , 2172px 2395px #FFF , 2043px 1682px #FFF , 1491px 1690px #FFF , 610px 318px #FFF , 1003px 2534px #FFF , 2238px 197px #FFF , 754px 744px #FFF , 1426px 259px #FFF , 2516px 723px #FFF , 735px 2438px #FFF , 2192px 840px #FFF , 893px 1912px #FFF , 1424px 1967px #FFF , 172px 1305px #FFF , 84px 2525px #FFF , 1909px 540px #FFF , 134px 261px #FFF , 307px 171px #FFF , 861px 1297px #FFF , 1954px 1855px #FFF , 26px 842px #FFF , 105px 1047px #FFF , 780px 2541px #FFF , 2093px 316px #FFF , 1635px 918px #FFF , 1581px 1223px #FFF , 2225px 939px #FFF , 1611px 15px #FFF , 2406px 490px #FFF , 595px 1370px #FFF , 1354px 432px #FFF , 1334px 1157px #FFF , 1161px 2396px #FFF , 1915px 1821px #FFF , 1949px 820px #FFF , 1139px 1142px #FFF , 219px 582px #FFF , 871px 1831px #FFF , 1274px 1217px #FFF , 1480px 2515px #FFF , 904px 917px #FFF , 1195px 109px #FFF , 2161px 663px #FFF , 116px 1714px #FFF , 1919px 1443px #FFF , 1395px 560px #FFF , 205px 110px #FFF , 1206px 1519px #FFF , 1539px 2139px #FFF , 1568px 1281px #FFF , 460px 83px #FFF , 2488px 261px #FFF , 1665px 720px #FFF , 981px 2432px #FFF , 18px 949px #FFF , 993px 1417px #FFF , 914px 1971px #FFF , 1773px 2305px #FFF , 2144px 1786px #FFF , 2095px 1741px #FFF , 505px 1841px #FFF , 1174px 2091px #FFF , 1036px 1237px #FFF , 1394px 2360px #FFF , 1725px 1949px #FFF , 382px 505px #FFF , 1480px 2035px #FFF , 2264px 2129px #FFF , 2220px 132px #FFF , 193px 284px #FFF , 1496px 2338px #FFF , 883px 176px #FFF , 438px 474px #FFF , 561px 1920px #FFF , 764px 1749px #FFF , 760px 1701px #FFF , 680px 908px #FFF , 656px 734px #FFF , 260px 1168px #FFF , 2284px 2097px #FFF , 157px 151px #FFF , 426px 1432px #FFF , 425px 535px #FFF;
  animation: animStar 125s linear infinite;
}
.hero-section > .container .stars1:after {
  content: " ";
  top: -600px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  position: absolute;
  backgroud: transparent;
  box-shadow: 727px 410px #FFF , 19px 636px #FFF , 1128px 1296px #FFF , 2505px 313px #FFF , 2462px 2418px #FFF , 2229px 2017px #FFF , 2117px 494px #FFF , 293px 2217px #FFF , 1678px 851px #FFF , 1135px 488px #FFF , 1807px 1246px #FFF , 1179px 1007px #FFF , 254px 1331px #FFF , 1373px 563px #FFF , 823px 2250px #FFF , 635px 709px #FFF , 2066px 1241px #FFF , 1528px 1660px #FFF , 1511px 1040px #FFF , 330px 848px #FFF , 52px 1165px #FFF , 1003px 972px #FFF , 1886px 750px #FFF , 2555px 1124px #FFF , 2246px 1125px #FFF , 1884px 593px #FFF , 1990px 119px #FFF , 1259px 289px #FFF , 1816px 614px #FFF , 2319px 867px #FFF , 366px 334px #FFF , 404px 470px #FFF , 2385px 412px #FFF , 961px 90px #FFF , 340px 1533px #FFF , 184px 56px #FFF , 1236px 339px #FFF , 1682px 653px #FFF , 1811px 2225px #FFF , 2462px 2429px #FFF , 2129px 1142px #FFF , 2102px 2260px #FFF , 1300px 652px #FFF , 603px 965px #FFF , 743px 999px #FFF , 321px 410px #FFF , 2349px 2379px #FFF , 789px 2265px #FFF , 734px 775px #FFF , 1888px 1438px #FFF , 2335px 1147px #FFF , 342px 1308px #FFF , 1363px 1776px #FFF , 2106px 741px #FFF , 684px 1874px #FFF , 1374px 106px #FFF , 1365px 1837px #FFF , 1471px 432px #FFF , 381px 588px #FFF , 188px 2006px #FFF , 207px 1299px #FFF , 2043px 192px #FFF , 1187px 2220px #FFF , 716px 737px #FFF , 339px 782px #FFF , 1921px 1275px #FFF , 391px 710px #FFF , 2437px 850px #FFF , 358px 572px #FFF , 642px 761px #FFF , 1026px 257px #FFF , 120px 332px #FFF , 1122px 817px #FFF , 431px 233px #FFF , 2391px 2468px #FFF , 1697px 2224px #FFF , 1863px 532px #FFF , 1145px 272px #FFF , 2466px 1716px #FFF , 879px 1203px #FFF , 1435px 1583px #FFF , 187px 1627px #FFF , 315px 36px #FFF , 152px 1904px #FFF , 1429px 630px #FFF , 1524px 681px #FFF , 1495px 2144px #FFF , 1746px 1542px #FFF , 659px 1689px #FFF , 1605px 1235px #FFF , 328px 2155px #FFF , 1760px 640px #FFF , 1142px 286px #FFF , 2064px 38px #FFF , 2554px 201px #FFF , 1917px 1673px #FFF , 1211px 2396px #FFF , 2199px 1962px #FFF , 1727px 1784px #FFF , 2286px 111px #FFF , 665px 830px #FFF , 962px 174px #FFF , 2432px 171px #FFF , 1965px 2278px #FFF , 1187px 513px #FFF , 1037px 1397px #FFF , 2218px 733px #FFF , 1788px 635px #FFF , 1221px 1563px #FFF , 1866px 1795px #FFF , 2397px 1436px #FFF , 305px 2467px #FFF , 309px 1552px #FFF , 370px 2367px #FFF , 1323px 823px #FFF , 2138px 1877px #FFF , 774px 797px #FFF , 1168px 894px #FFF , 522px 489px #FFF , 2374px 663px #FFF , 1902px 1393px #FFF , 1774px 361px #FFF , 2195px 1577px #FFF , 1695px 1742px #FFF , 1275px 969px #FFF , 495px 627px #FFF , 272px 933px #FFF , 1455px 2420px #FFF , 1040px 1020px #FFF , 1304px 2532px #FFF , 878px 110px #FFF , 1909px 1773px #FFF , 831px 1571px #FFF , 1156px 433px #FFF , 1669px 728px #FFF , 2161px 2048px #FFF , 448px 1435px #FFF , 343px 2192px #FFF , 1929px 702px #FFF , 163px 523px #FFF , 1729px 515px #FFF , 824px 3px #FFF , 1229px 2122px #FFF , 2465px 125px #FFF , 1947px 510px #FFF , 2052px 1062px #FFF , 1369px 995px #FFF , 2540px 2494px #FFF , 654px 621px #FFF , 1416px 1402px #FFF , 968px 138px #FFF , 1686px 1632px #FFF , 836px 541px #FFF , 349px 1192px #FFF , 161px 1213px #FFF , 2440px 1746px #FFF , 409px 1852px #FFF , 1304px 935px #FFF , 315px 476px #FFF , 477px 1976px #FFF , 848px 2191px #FFF , 1679px 1813px #FFF , 688px 2538px #FFF , 1072px 1576px #FFF , 2385px 1210px #FFF , 1493px 559px #FFF , 741px 1286px #FFF , 1494px 75px #FFF , 969px 776px #FFF , 468px 2511px #FFF , 1300px 2165px #FFF , 823px 548px #FFF , 822px 1299px #FFF , 614px 2339px #FFF , 1030px 1705px #FFF , 1200px 2361px #FFF , 235px 2497px #FFF , 2376px 1019px #FFF , 2314px 2062px #FFF , 295px 1066px #FFF , 2044px 1791px #FFF , 1468px 2364px #FFF , 884px 439px #FFF , 1767px 1311px #FFF , 600px 1140px #FFF , 2420px 1668px #FFF , 304px 996px #FFF , 1485px 2277px #FFF , 507px 736px #FFF , 1268px 477px #FFF , 1196px 2450px #FFF , 1566px 1707px #FFF , 1685px 1502px #FFF , 1129px 2349px #FFF , 1878px 283px #FFF , 851px 364px #FFF , 1069px 1073px #FFF , 2537px 1318px #FFF , 796px 1915px #FFF , 2305px 2105px #FFF , 1339px 1521px #FFF , 2417px 137px #FFF , 651px 190px #FFF , 48px 2008px #FFF , 2401px 1491px #FFF , 2210px 183px #FFF , 1487px 1236px #FFF , 46px 1682px #FFF , 1759px 2302px #FFF , 873px 525px #FFF , 2055px 740px #FFF , 984px 988px #FFF , 359px 436px #FFF , 2312px 1257px #FFF , 974px 2498px #FFF , 178px 535px #FFF , 1972px 2342px #FFF , 2052px 1711px #FFF , 895px 566px #FFF , 1243px 1465px #FFF , 8px 1924px #FFF , 168px 601px #FFF , 476px 210px #FFF , 2437px 1995px #FFF , 2456px 1181px #FFF , 393px 1839px #FFF , 1368px 582px #FFF , 233px 2070px #FFF , 1038px 2240px #FFF , 783px 662px #FFF , 1217px 2189px #FFF , 2110px 1171px #FFF , 542px 2052px #FFF , 212px 1088px #FFF , 2038px 196px #FFF , 1827px 1644px #FFF , 1274px 250px #FFF , 51px 1940px #FFF , 21px 2094px #FFF , 1956px 2071px #FFF , 1521px 895px #FFF , 1693px 1456px #FFF , 315px 1785px #FFF , 1105px 404px #FFF , 1873px 2059px #FFF , 1687px 2447px #FFF , 1136px 2477px #FFF , 612px 1150px #FFF , 792px 1804px #FFF , 1250px 1693px #FFF , 1943px 2133px #FFF , 1333px 751px #FFF , 341px 1666px #FFF , 2381px 258px #FFF , 661px 786px #FFF , 1767px 658px #FFF , 2469px 2417px #FFF , 1082px 1412px #FFF , 729px 259px #FFF , 1527px 1912px #FFF , 1525px 1951px #FFF , 2310px 243px #FFF , 125px 677px #FFF , 2319px 2340px #FFF , 863px 657px #FFF , 1749px 659px #FFF , 986px 625px #FFF , 1756px 553px #FFF , 1041px 913px #FFF , 828px 1618px #FFF , 1084px 1506px #FFF , 148px 1315px #FFF , 1229px 1095px #FFF , 1857px 1050px #FFF , 1059px 1853px #FFF , 121px 332px #FFF , 1575px 226px #FFF , 1813px 963px #FFF , 1159px 2385px #FFF , 2203px 1699px #FFF , 30px 524px #FFF , 2370px 96px #FFF , 1034px 216px #FFF , 1608px 1723px #FFF , 2420px 1251px #FFF , 64px 1623px #FFF , 2034px 2348px #FFF , 55px 1010px #FFF , 2215px 516px #FFF , 1581px 609px #FFF , 1781px 1658px #FFF , 956px 281px #FFF , 14px 2136px #FFF , 2091px 700px #FFF , 2374px 1725px #FFF , 922px 2057px #FFF , 174px 516px #FFF , 1678px 1311px #FFF , 1473px 1724px #FFF , 2236px 1496px #FFF , 915px 2000px #FFF , 2343px 1421px #FFF , 331px 2401px #FFF , 1568px 1577px #FFF , 31px 196px #FFF , 1283px 977px #FFF , 1547px 546px #FFF , 559px 538px #FFF , 571px 2405px #FFF , 997px 1403px #FFF , 1134px 1533px #FFF , 875px 1743px #FFF , 187px 1816px #FFF , 71px 1615px #FFF , 1382px 1383px #FFF , 1059px 937px #FFF , 2088px 1748px #FFF , 982px 87px #FFF , 2332px 762px #FFF , 881px 226px #FFF , 949px 1601px #FFF , 1052px 670px #FFF , 2331px 911px #FFF , 1879px 1724px #FFF , 1286px 1127px #FFF , 1378px 1586px #FFF , 2440px 1749px #FFF , 631px 623px #FFF , 34px 1229px #FFF , 672px 1705px #FFF , 2528px 1560px #FFF , 750px 526px #FFF , 198px 926px #FFF , 22px 1072px #FFF , 432px 871px #FFF , 2405px 2319px #FFF , 322px 1253px #FFF , 50px 898px #FFF , 2031px 711px #FFF , 200px 1335px #FFF , 2059px 1615px #FFF , 1938px 2538px #FFF , 1877px 2389px #FFF , 1673px 1841px #FFF , 1413px 2464px #FFF , 2070px 1061px #FFF , 218px 1405px #FFF , 191px 1098px #FFF , 1293px 21px #FFF , 1957px 1033px #FFF , 2351px 1316px #FFF , 943px 1105px #FFF , 1666px 320px #FFF , 733px 2050px #FFF , 867px 455px #FFF , 2427px 1913px #FFF , 238px 189px #FFF , 1132px 1985px #FFF , 1667px 1585px #FFF , 1628px 203px #FFF , 2016px 1914px #FFF , 1663px 1396px #FFF , 1893px 644px #FFF , 660px 1737px #FFF , 1729px 1806px #FFF , 486px 2357px #FFF , 488px 1955px #FFF , 1847px 1134px #FFF , 2237px 61px #FFF , 2433px 1983px #FFF , 246px 786px #FFF , 382px 1590px #FFF , 1420px 2316px #FFF , 1475px 1863px #FFF , 730px 2180px #FFF , 1546px 1854px #FFF , 2092px 2459px #FFF , 1787px 2410px #FFF , 2394px 365px #FFF , 79px 2191px #FFF , 60px 2343px #FFF , 1706px 1082px #FFF , 1637px 1625px #FFF , 1939px 2182px #FFF , 1556px 85px #FFF , 654px 1534px #FFF , 1760px 2537px #FFF , 1100px 1639px #FFF , 101px 2337px #FFF , 172px 312px #FFF , 2025px 682px #FFF , 392px 913px #FFF , 820px 2141px #FFF , 1986px 1621px #FFF , 2460px 1136px #FFF , 1820px 209px #FFF , 3px 1816px #FFF , 2264px 347px #FFF , 2077px 1224px #FFF , 784px 1958px #FFF , 1932px 154px #FFF , 600px 1403px #FFF , 2014px 541px #FFF , 2490px 11px #FFF , 2197px 1074px #FFF , 1979px 419px #FFF , 1193px 1780px #FFF , 2305px 1044px #FFF , 751px 1938px #FFF , 498px 2039px #FFF , 2218px 905px #FFF , 158px 2016px #FFF , 2262px 2457px #FFF , 2343px 2232px #FFF , 1720px 1258px #FFF , 1180px 65px #FFF , 824px 584px #FFF , 854px 867px #FFF , 2533px 1980px #FFF , 437px 452px #FFF , 2198px 692px #FFF , 2319px 225px #FFF , 1283px 1829px #FFF , 2128px 435px #FFF , 26px 574px #FFF , 1171px 233px #FFF , 535px 2124px #FFF , 348px 1038px #FFF , 395px 651px #FFF , 881px 156px #FFF , 899px 1201px #FFF , 1091px 421px #FFF , 2268px 1868px #FFF , 480px 2283px #FFF , 912px 1146px #FFF , 916px 721px #FFF , 2149px 1236px #FFF , 699px 283px #FFF , 1972px 913px #FFF , 1000px 1490px #FFF , 955px 790px #FFF , 616px 1566px #FFF , 1560px 1106px #FFF , 2350px 999px #FFF , 1636px 1126px #FFF , 525px 1227px #FFF , 1735px 1551px #FFF , 1700px 1114px #FFF , 1804px 1283px #FFF , 45px 2000px #FFF , 2241px 870px #FFF , 1481px 665px #FFF , 232px 2281px #FFF , 1481px 2053px #FFF , 461px 1177px #FFF , 1064px 2324px #FFF , 2532px 945px #FFF , 1215px 1450px #FFF , 1291px 74px #FFF , 374px 1006px #FFF , 1676px 325px #FFF , 1375px 1225px #FFF , 988px 1505px #FFF , 2490px 1835px #FFF , 2417px 277px #FFF , 2373px 1777px #FFF , 833px 2178px #FFF , 741px 456px #FFF , 797px 1013px #FFF , 518px 2245px #FFF , 1841px 1542px #FFF , 1633px 1369px #FFF , 1594px 1214px #FFF , 2284px 1119px #FFF , 1033px 91px #FFF , 1235px 1293px #FFF , 1227px 1970px #FFF , 37px 1160px #FFF , 241px 626px #FFF , 1134px 631px #FFF , 1692px 878px #FFF , 766px 806px #FFF , 1431px 504px #FFF , 2091px 2118px #FFF , 200px 60px #FFF , 608px 2287px #FFF , 91px 2436px #FFF , 1604px 2557px #FFF , 1266px 631px #FFF , 1174px 2250px #FFF , 1224px 1369px #FFF , 1605px 716px #FFF , 266px 1029px #FFF , 2354px 2060px #FFF , 1358px 465px #FFF , 2179px 291px #FFF , 1504px 836px #FFF , 434px 433px #FFF , 1845px 100px #FFF , 1331px 155px #FFF , 774px 2211px #FFF , 386px 2088px #FFF , 831px 1653px #FFF , 1070px 2308px #FFF , 2543px 1662px #FFF , 1188px 454px #FFF , 2373px 1287px #FFF , 96px 657px #FFF , 518px 1269px #FFF , 723px 2256px #FFF , 167px 176px #FFF , 942px 1387px #FFF , 2060px 1011px #FFF , 389px 2482px #FFF , 681px 1172px #FFF , 579px 902px #FFF , 118px 1771px #FFF , 1239px 696px #FFF , 1624px 1259px #FFF , 811px 1023px #FFF , 2508px 377px #FFF , 1719px 1487px #FFF , 96px 2035px #FFF , 216px 1332px #FFF , 1206px 2312px #FFF , 1212px 1436px #FFF , 2559px 1921px #FFF , 86px 16px #FFF , 732px 306px #FFF , 1424px 1596px #FFF , 328px 91px #FFF , 1605px 2068px #FFF , 2501px 1716px #FFF , 1717px 1593px #FFF , 2030px 1375px #FFF , 1953px 887px #FFF , 1962px 276px #FFF , 368px 459px #FFF , 899px 2008px #FFF , 2441px 2435px #FFF , 1103px 193px #FFF , 2233px 89px #FFF , 2235px 2385px #FFF , 2041px 734px #FFF , 1255px 1613px #FFF , 1037px 1079px #FFF , 1680px 1873px #FFF , 1363px 1783px #FFF , 1144px 103px #FFF , 824px 1790px #FFF , 1961px 301px #FFF , 2150px 2318px #FFF , 1132px 1501px #FFF , 1544px 1448px #FFF , 745px 2025px #FFF , 1920px 1743px #FFF , 194px 303px #FFF , 2166px 1035px #FFF , 887px 706px #FFF , 1405px 2268px #FFF , 2440px 227px #FFF , 2181px 1899px #FFF , 1533px 1561px #FFF , 937px 1719px #FFF , 287px 1606px #FFF , 1691px 2389px #FFF , 223px 1623px #FFF , 1348px 176px #FFF , 697px 2200px #FFF , 2342px 2502px #FFF , 2313px 585px #FFF , 641px 289px #FFF , 439px 1846px #FFF , 2149px 808px #FFF , 108px 2326px #FFF , 361px 184px #FFF , 1524px 205px #FFF , 1962px 314px #FFF , 178px 817px #FFF , 895px 210px #FFF , 1384px 459px #FFF , 1016px 814px #FFF , 137px 2299px #FFF , 1322px 976px #FFF , 2484px 336px #FFF , 1635px 2060px #FFF , 2365px 756px #FFF , 1712px 2369px #FFF , 97px 1867px #FFF , 440px 2335px #FFF , 2019px 2437px #FFF , 803px 997px #FFF , 2373px 1373px #FFF , 612px 1125px #FFF , 1941px 2055px #FFF , 1678px 333px #FFF , 1535px 1194px #FFF , 2367px 724px #FFF , 976px 2269px #FFF , 733px 2386px #FFF , 1918px 591px #FFF , 1202px 609px #FFF , 2204px 1675px #FFF , 661px 1938px #FFF , 710px 1490px #FFF , 2033px 1297px #FFF , 912px 2138px #FFF , 1980px 107px #FFF , 1021px 1073px #FFF , 2494px 2390px #FFF , 1012px 513px #FFF , 1251px 1764px #FFF , 2325px 1364px #FFF , 2452px 2296px #FFF , 1754px 1544px #FFF , 1257px 1847px #FFF , 456px 1855px #FFF , 798px 71px #FFF , 308px 1104px #FFF , 24px 2281px #FFF , 2305px 1345px #FFF , 1662px 1192px #FFF , 146px 448px #FFF , 743px 2427px #FFF , 339px 1839px #FFF , 1003px 1881px #FFF , 105px 2413px #FFF , 1520px 657px #FFF , 969px 637px #FFF , 134px 2019px #FFF , 1390px 1706px #FFF , 1764px 1913px #FFF , 767px 480px #FFF , 785px 1554px #FFF , 1987px 2216px #FFF , 1332px 1672px #FFF , 1925px 699px #FFF , 1268px 865px #FFF , 2333px 1458px #FFF , 963px 2544px #FFF , 425px 1382px #FFF , 1760px 4px #FFF , 1738px 1982px #FFF , 1952px 1536px #FFF , 867px 1051px #FFF , 1838px 120px #FFF , 1192px 1882px #FFF , 786px 2263px #FFF , 1069px 830px #FFF , 1788px 1127px #FFF , 1391px 2343px #FFF , 1697px 2435px #FFF , 1245px 26px #FFF , 2220px 829px #FFF , 2091px 721px #FFF , 1314px 301px #FFF , 1355px 380px #FFF , 348px 840px #FFF , 179px 2557px #FFF , 939px 770px #FFF , 1080px 530px #FFF , 1751px 117px #FFF , 1595px 1006px #FFF , 272px 2192px #FFF , 746px 1731px #FFF , 1043px 2134px #FFF , 61px 1482px #FFF , 307px 906px #FFF , 158px 527px #FFF , 562px 534px #FFF , 2156px 481px #FFF , 2537px 2070px #FFF , 2118px 549px #FFF , 389px 1326px #FFF , 1728px 6px #FFF , 674px 1350px #FFF , 1177px 2348px #FFF , 555px 1233px #FFF , 360px 1014px #FFF , 1354px 1814px #FFF , 463px 377px #FFF , 1068px 1782px #FFF , 1789px 1537px #FFF , 1533px 1738px #FFF , 2153px 233px #FFF , 666px 41px #FFF , 2428px 2392px #FFF , 370px 749px #FFF , 1986px 62px #FFF , 1330px 740px #FFF , 985px 2151px #FFF , 1154px 2224px #FFF , 2333px 1446px #FFF , 1555px 462px #FFF , 2547px 166px #FFF , 632px 2555px #FFF , 235px 10px #FFF , 2412px 460px #FFF , 907px 671px #FFF , 2259px 1921px #FFF;
}

.hero-section > .container .stars2 {
  z-index: 10;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 41px 2205px #FFF , 1233px 1340px #FFF , 1217px 2248px #FFF , 1125px 1526px #FFF , 2110px 2033px #FFF , 1333px 1958px #FFF , 1956px 1989px #FFF , 2260px 635px #FFF , 724px 2135px #FFF , 601px 2433px #FFF , 734px 873px #FFF , 791px 2028px #FFF , 1655px 1371px #FFF , 2479px 723px #FFF , 924px 1217px #FFF , 2525px 1391px #FFF , 2158px 2164px #FFF , 2327px 219px #FFF , 177px 1561px #FFF , 1602px 458px #FFF , 380px 138px #FFF , 1717px 2482px #FFF , 1841px 714px #FFF , 79px 664px #FFF , 278px 488px #FFF , 405px 866px #FFF , 1166px 103px #FFF , 1722px 2378px #FFF , 600px 2281px #FFF , 2032px 2191px #FFF , 2417px 761px #FFF , 2204px 587px #FFF , 1491px 1971px #FFF , 2478px 311px #FFF , 1297px 1169px #FFF , 1736px 1780px #FFF , 1830px 2159px #FFF , 435px 123px #FFF , 1353px 2316px #FFF , 1343px 119px #FFF , 2209px 1098px #FFF , 385px 1569px #FFF , 138px 2477px #FFF , 697px 2220px #FFF , 703px 192px #FFF , 831px 1623px #FFF , 941px 1956px #FFF , 1864px 618px #FFF , 1077px 733px #FFF , 862px 2376px #FFF , 1246px 285px #FFF , 1446px 2290px #FFF , 2126px 1170px #FFF , 1145px 944px #FFF , 1519px 494px #FFF , 1423px 307px #FFF , 357px 1980px #FFF , 588px 1191px #FFF , 1846px 1870px #FFF , 1518px 2549px #FFF , 1238px 1714px #FFF , 1165px 1529px #FFF , 227px 349px #FFF , 2415px 2473px #FFF , 1735px 848px #FFF , 2546px 297px #FFF , 190px 581px #FFF , 1998px 319px #FFF , 295px 4px #FFF , 938px 86px #FFF , 781px 1740px #FFF , 2221px 178px #FFF , 1269px 2415px #FFF , 2004px 1199px #FFF , 628px 1719px #FFF , 2448px 1051px #FFF , 1439px 461px #FFF , 1305px 1906px #FFF , 873px 2375px #FFF , 610px 610px #FFF , 2539px 2044px #FFF , 649px 2457px #FFF , 2432px 2061px #FFF , 1783px 1133px #FFF , 1651px 1818px #FFF , 2067px 809px #FFF , 2560px 699px #FFF , 663px 523px #FFF , 1101px 2404px #FFF , 2163px 1834px #FFF , 525px 1563px #FFF , 753px 1222px #FFF , 1043px 2356px #FFF , 821px 710px #FFF , 306px 1645px #FFF , 1214px 424px #FFF , 2395px 2423px #FFF , 1875px 761px #FFF , 1178px 1988px #FFF , 1221px 89px #FFF , 2193px 1736px #FFF , 991px 1630px #FFF , 946px 1356px #FFF , 1611px 1494px #FFF , 924px 2558px #FFF , 1973px 1809px #FFF , 1722px 1283px #FFF , 723px 2213px #FFF , 2058px 2331px #FFF , 381px 173px #FFF , 224px 478px #FFF , 2228px 2039px #FFF , 1304px 966px #FFF , 1729px 1234px #FFF , 1977px 1706px #FFF , 1656px 694px #FFF , 1302px 1283px #FFF , 2441px 769px #FFF , 785px 113px #FFF , 1192px 2029px #FFF , 1870px 2262px #FFF , 2188px 2177px #FFF , 1770px 1103px #FFF , 1790px 325px #FFF , 613px 1584px #FFF , 1761px 1827px #FFF , 2495px 2533px #FFF , 2291px 2192px #FFF , 496px 1837px #FFF , 952px 2222px #FFF , 1767px 1151px #FFF , 738px 1446px #FFF , 1356px 1764px #FFF , 589px 646px #FFF , 474px 2390px #FFF , 1185px 1909px #FFF , 139px 1981px #FFF , 1513px 1711px #FFF , 776px 1309px #FFF , 902px 626px #FFF , 1688px 1859px #FFF , 1096px 112px #FFF , 1140px 1089px #FFF , 747px 1534px #FFF , 2359px 274px #FFF , 1165px 724px #FFF , 1860px 588px #FFF , 2317px 1217px #FFF , 1530px 677px #FFF , 1087px 786px #FFF , 1902px 666px #FFF , 2196px 96px #FFF , 1725px 1266px #FFF , 1532px 1132px #FFF , 766px 1610px #FFF , 2377px 1806px #FFF , 986px 951px #FFF , 734px 2502px #FFF , 628px 2150px #FFF , 519px 295px #FFF , 1975px 785px #FFF , 795px 609px #FFF , 1544px 856px #FFF , 879px 78px #FFF , 452px 9px #FFF , 837px 1430px #FFF , 1952px 1645px #FFF , 785px 720px #FFF , 1160px 2311px #FFF , 1749px 963px #FFF , 42px 2249px #FFF , 506px 2302px #FFF , 449px 714px #FFF , 1318px 771px #FFF , 1983px 746px #FFF , 978px 562px #FFF , 2481px 268px #FFF , 495px 1251px #FFF , 2076px 1325px #FFF , 293px 1683px #FFF , 587px 1526px #FFF , 554px 312px #FFF , 43px 900px #FFF , 1439px 719px #FFF , 1229px 1101px #FFF , 984px 597px #FFF , 733px 1348px #FFF , 337px 1482px #FFF , 760px 2430px #FFF , 1210px 698px #FFF , 362px 77px #FFF , 2351px 812px #FFF , 447px 1077px #FFF , 2292px 1403px #FFF , 439px 317px #FFF , 952px 1525px #FFF , 850px 1474px #FFF , 1824px 2544px #FFF , 1659px 597px #FFF , 2428px 1194px #FFF;
  animation: animStar 175s linear infinite;
}
.hero-section > .container .stars2:after {
  content: " ";
  top: -600px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  backgroud: transparent;
  box-shadow: 2286px 1187px #FFF , 223px 836px #FFF , 1100px 263px #FFF , 951px 2354px #FFF , 997px 750px #FFF , 941px 1541px #FFF , 2217px 1542px #FFF , 2103px 2201px #FFF , 2296px 1305px #FFF , 2360px 1531px #FFF , 2471px 1737px #FFF , 1968px 1828px #FFF , 1673px 2031px #FFF , 1236px 140px #FFF , 1620px 2382px #FFF , 1073px 717px #FFF , 2403px 2023px #FFF , 329px 2238px #FFF , 1822px 207px #FFF , 79px 1642px #FFF , 330px 2303px #FFF , 1859px 2487px #FFF , 988px 2191px #FFF , 2552px 2223px #FFF , 547px 2324px #FFF , 2295px 535px #FFF , 1865px 248px #FFF , 1351px 965px #FFF , 1551px 199px #FFF , 127px 178px #FFF , 848px 1521px #FFF , 1273px 459px #FFF , 2265px 2384px #FFF , 2096px 764px #FFF , 928px 2552px #FFF , 808px 2375px #FFF , 1665px 944px #FFF , 972px 776px #FFF , 1071px 2305px #FFF , 1473px 1279px #FFF , 360px 655px #FFF , 1679px 1110px #FFF , 1092px 1381px #FFF , 2413px 1805px #FFF , 735px 560px #FFF , 2159px 1817px #FFF , 2413px 218px #FFF , 2430px 404px #FFF , 1257px 1661px #FFF , 1621px 586px #FFF , 1280px 539px #FFF , 1050px 1045px #FFF , 307px 876px #FFF , 1132px 146px #FFF , 1496px 2049px #FFF , 976px 118px #FFF , 2069px 134px #FFF , 1698px 1488px #FFF , 2458px 1817px #FFF , 993px 2348px #FFF , 1334px 2401px #FFF , 2453px 1816px #FFF , 2406px 2132px #FFF , 948px 441px #FFF , 1282px 1133px #FFF , 1897px 2305px #FFF , 945px 1631px #FFF , 1859px 335px #FFF , 2140px 1159px #FFF , 327px 1178px #FFF , 2088px 830px #FFF , 1306px 1404px #FFF , 1447px 2137px #FFF , 1420px 245px #FFF , 1894px 1374px #FFF , 156px 1658px #FFF , 1965px 935px #FFF , 2407px 324px #FFF , 2134px 1516px #FFF , 336px 2002px #FFF , 412px 1981px #FFF , 2482px 703px #FFF , 430px 1780px #FFF , 1512px 2277px #FFF , 545px 2065px #FFF , 2507px 1056px #FFF , 208px 998px #FFF , 1214px 2263px #FFF , 334px 1380px #FFF , 276px 2064px #FFF , 2372px 1050px #FFF , 2501px 1775px #FFF , 618px 90px #FFF , 709px 1328px #FFF , 935px 1773px #FFF , 1813px 2220px #FFF , 184px 643px #FFF , 1428px 2081px #FFF , 1970px 2512px #FFF , 2404px 1298px #FFF , 1514px 1024px #FFF , 799px 722px #FFF , 2014px 2064px #FFF , 343px 836px #FFF , 1437px 1801px #FFF , 71px 1887px #FFF , 1727px 1704px #FFF , 1897px 79px #FFF , 1087px 1283px #FFF , 1275px 797px #FFF , 1259px 2069px #FFF , 1913px 2488px #FFF , 2406px 2227px #FFF , 1459px 1416px #FFF , 1239px 1586px #FFF , 1962px 1843px #FFF , 2512px 700px #FFF , 1391px 2458px #FFF , 1912px 1239px #FFF , 253px 165px #FFF , 1553px 513px #FFF , 1605px 1557px #FFF , 1619px 839px #FFF , 2331px 2343px #FFF , 2180px 971px #FFF , 560px 1543px #FFF , 1924px 2294px #FFF , 2112px 1717px #FFF , 1260px 669px #FFF , 1829px 701px #FFF , 1891px 1180px #FFF , 579px 482px #FFF , 584px 2230px #FFF , 1018px 533px #FFF , 2060px 1986px #FFF , 61px 439px #FFF , 1388px 2468px #FFF , 2101px 2262px #FFF , 1146px 1581px #FFF , 480px 2485px #FFF , 2042px 1815px #FFF , 1174px 1940px #FFF , 1004px 292px #FFF , 279px 892px #FFF , 2269px 2549px #FFF , 1335px 1465px #FFF , 1812px 496px #FFF , 522px 1577px #FFF , 2310px 1238px #FFF , 38px 1492px #FFF , 1768px 842px #FFF , 518px 1824px #FFF , 852px 1722px #FFF , 883px 932px #FFF , 1676px 313px #FFF , 1370px 2125px #FFF , 979px 386px #FFF , 163px 1267px #FFF , 1923px 435px #FFF , 1853px 133px #FFF , 706px 1378px #FFF , 226px 151px #FFF , 789px 1534px #FFF , 153px 1089px #FFF , 44px 791px #FFF , 990px 2490px #FFF , 1334px 2171px #FFF , 223px 906px #FFF , 1713px 532px #FFF , 2151px 1062px #FFF , 425px 87px #FFF , 90px 516px #FFF , 1659px 1348px #FFF , 2528px 2098px #FFF , 261px 181px #FFF , 821px 505px #FFF , 1601px 1046px #FFF , 2380px 1837px #FFF , 1131px 328px #FFF , 2012px 112px #FFF , 174px 695px #FFF , 62px 426px #FFF , 775px 531px #FFF , 496px 905px #FFF , 1415px 1141px #FFF , 624px 1185px #FFF , 844px 1649px #FFF , 1360px 1680px #FFF , 1798px 1885px #FFF , 1272px 2002px #FFF , 1789px 2432px #FFF , 2157px 1258px #FFF , 514px 2341px #FFF , 813px 866px #FFF , 819px 1452px #FFF , 1883px 360px #FFF , 337px 626px #FFF , 1053px 1850px #FFF , 529px 2394px #FFF , 18px 703px #FFF;
}

.hero-section > .container .shooting-stars {
  z-index: 10;
  width: 5px;
  height: 85px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), white);
  animation: animShootingStar 10s linear infinite;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px) translateX(-2560px);
  }
}
@keyframes animShootingStar {
  from {
    transform: translateY(0px) translateX(0px) rotate(-45deg);
    opacity: 1;
    height: 5px;
  }
  to {
    transform: translateY(-2560px) translateX(-2560px) rotate(-45deg);
    opacity: 1;
    height: 800px;
  }
}

.hero-section {

}

.hero-section .container {
	max-width: 290px;
    margin: auto;
}

.hero-section .container h2 {
	font-weight: 900;
    display: flex;
    flex-direction: column;
}

.hero-section .container h2 .title-1 {
	color: #A388E5;
	font-size: 28px;
}

.hero-section .container h2 .title-2 {
	color: white;
    font-size: 52px;
    display: block;
    margin-top: -5px;
    margin-bottom: -5px;
}

.hero-section .container h2 .title-3 {
	color: #A388E5;
    font-size: 28px;
    text-align: right;
}

.panel {

}

.panel .header .bg {
	
}

.panel .header .bg .top {
	height: 100px;
}

.top-panel .header .bg .top {
  height: 10px;
}

.panel-purple .header .bg .top {
	background-color: #2C2158;
}

.panel-darkpurple .header .bg .top {
	background-color: #3d2c80;
}

.panel .header .bg .wave {
	
	margin-bottom: -5px;
}

.panel-purple .header .bg .wave {
	background-color: #2C2158;
}

.panel-darkpurple .header .bg .wave {
	background-color: #3d2c80;
}

.panel .header .bg .bottom {
	height: 10px;
}

.panel-purple .header .bg .bottom {
	background-color: #3E2C80;
}

.panel-darkpurple .header .bg .bottom {
	background-color: #2C2158;
}

.panel .header {
	position: relative;
}

.panel .header .illus {
	position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    margin: auto;
    width: 150px;
}

.top-panel .header .illus {
  top: -40px;
}



.panel .content {
	
}

.panel-purple .content {
	background-color: #3E2C80;
}

.panel-darkpurple .content {
	background-color: #2C2158;
}

.panel .content > .container {
	padding: 30px 15px 100px 15px;
    text-align: center;
}

.panel .content > .container > .text {
	padding: 0 15px;
}

.panel .content .container .title {
	font-size: 32px;
    font-weight: 900;
    color: white;
    margin-bottom: 15px;
    display: block;
}

.panel .content .container .title i {
  font-size: 26px;
  color: white;
}

.biucredits-card-container {
  padding: 0;
}

.panel .content .container .description span {
	font-size: 18px;
	font-weight: 200;
	display: inline-block;
	line-height: 28px;
	color: white;
}

.panel .content .container .description span a {
  font-size: 18px;
  font-weight: 200;
  display: inline-block;
  line-height: 28px;
  text-decoration: underline;
  color: white;
}

.description .btn-md,
.code-container .btn-md {
    border-radius: 20px;
    padding: 10px 15px;
    color: white;
    background: linear-gradient(111deg, #2d1974 0%, #6646e4 100%);
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
}

.btn-wide {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    background-color: white;
    width: 100%;
    cursor: pointer;
    background: linear-gradient(111deg, #2d1974 0%, #6646e4 100%);
    color: white;
    margin-bottom: 15px;
    border: 1px solid #8d7399;
}

.btn-outline-wide {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    background-color: white;
    width: 100%;
    cursor: pointer;
    background: transparent;
    color: white;
    margin-bottom: 15px;
    border: 1px solid #8d7399;
}

.panel .content .container .description {
    
}

.panel .content .container .description .purple {
	color: #A388E5;
	font-weight: 900;
	display: inline-block;
}

.panel .content .container .description .black {
    color: white;
    font-weight: 900;
    display: inline-block;
    background-color: #272727;
    padding: 0px 8px;
    border-radius: 10px;
    margin: 0 3px;
}

.panel .content .container .description .underline {
    color: #ffeb3b;
    font-weight: 500;
    display: inline-block;
    font-style: inherit;
    font-size: 18px;
}

.panel .content .container .description .underline a {
    color: #ffeb3b;
    font-weight: 500;
    display: inline-block;
    font-style: inherit;
    font-size: 18px;
}

.panel .content .container .description .yellow {
	color: #FFEB3B;
	font-weight: 900;
	display: inline-block;
}

.panel .content .container .description .yellow i {
	color: #FFEB3B;
}

.panel .content .container .icons {
	display: flex;
    flex-direction: column;
    margin-top: 50px;
    padding: 0 15px;
}

.panel .content .container .icons .row {
	display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.panel .content .container .icons .row .col {
	width: 33.33%;
}

.panel .content .container .icons .row .col .container {
	
}

.panel .content .container .icons .row .col:nth-child(3n+1) .container {
	padding-right: 8px;
}

.panel .content .container .icons .row .col:nth-child(3n+2) .container {
	padding-left: 8px;
	padding-right: 8px;
}

.panel .content .container .icons .row .col:nth-child(3n+3) .container {
	padding-left: 8px;
}

.panel .content .container .icons .row .col .container .bg {
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-color: white;
	margin: auto;
	margin-bottom: 10px;
	overflow: hidden;
    box-shadow: 2px 2px 4px #00000038;
}

.panel .content .container .icons .row .col .container .bg .icon {
	width: 100%;
}

.panel .content .container .icons .row .col .container .col-text {
	font-weight: 900;
  color: #A388E5;
  max-width: 125px;
  display: inline-flex;
}

.panel .content .container .icons .row .col-1 .container .bg,
.action-detail .col-1 .header-icon .bg {
    background-color: #00bcd4;
}

.panel .content .container .icons .row .col-1 .container .col-text,
.action-detail .col-1 .name {
    color: #00bcd4;
}

.panel .content .container .icons .row .col-2 .container .bg,
.action-detail .col-2 .header-icon .bg {
    background-color: #ff7070;
}

.panel .content .container .icons .row .col-2 .container .col-text,
.action-detail .col-2 .name {
    color: #ff7070;
}

.panel .content .container .icons .row .col-3 .container .bg,
.action-detail .col-3 .header-icon .bg {
    background-color: #e91e63;
}

.panel .content .container .icons .row .col-3 .container .col-text,
.action-detail .col-3 .name {
    color: #e91e63;
}

.panel .content .container .icons .row .col-4 .container .bg,
.action-detail .col-4 .header-icon .bg {
    background-color: #9e9e9e;
}

.panel .content .container .icons .row .col-4 .container .col-text,
.action-detail .col-4 .name {
    color: #9e9e9e;
}

.panel .content .container .icons .row .col-5 .container .bg,
.action-detail .col-5 .header-icon .bg {
    background-color: #4caf50;
}

.panel .content .container .icons .row .col-5 .container .col-text,
.action-detail .col-5 .name {
    color: #4caf50;
}

.panel .content .container .icons .row .col-6 .container .bg,
.action-detail .col-6 .header-icon .bg {
    background-color: #A388E5;
}

.panel .content .container .icons .row .col-6 .container .col-text,
.action-detail .col-6 .name {
    color: #A388E5;
}

.panel .content .container .icons .row .col-gold .container .bg,
.action-detail .col-gold .header-icon .bg {
    background-color: #E7A33E;
}

.panel .content .container .icons .row .col-gold .container .col-text,
.action-detail .col-gold .name {
    color: #E7A33E;
}

.panel .content .container .icons .row .col-pink .container .bg,
.action-detail .col-pink .header-icon .bg {
    background-color: #FF9F9F;
}

.panel .content .container .icons .row .col-pink .container .col-text,
.action-detail .col-pink .name {
    color: #FF9F9F;
}

.panel .content .container .icons .row .col-blue .container .bg,
.action-detail .col-blue .header-icon .bg {
    background-color: #70B5F9;
}

.panel .content .container .icons .row .col-blue .container .col-text,
.action-detail .col-blue .name {
    color: #70B5F9;
}

.panel .content .container .icons .row .col-green .container .bg,
.action-detail .col-green .header-icon .bg {
    background-color: #7FC05E;
}

.panel .content .container .icons .row .col-green .container .col-text,
.action-detail .col-green .name {
    color: #7FC05E;
}

.panel .content .container .icons .row .col-purple .container .bg,
.action-detail .col-purple .header-icon .bg {
    background-color: #6D5DF2;
}

.panel .content .container .icons .row .col-purple .container .col-text,
.action-detail .col-purple .name {
    color: #6D5DF2;
}

.panel .content .container .icons .row .col-red .container .bg,
.action-detail .col-red .header-icon .bg {
    background-color: #ef5350;
}

.panel .content .container .icons .row .col-red .container .col-text,
.action-detail .col-red .name {
    color: #ef5350;
}

.cards-transparent {
	margin-top: 50px;
}

.cards-transparent .card {
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 30px;
}

.cards-transparent .card-1 {
	background: linear-gradient(90deg, rgb(60, 136, 155) 0%, rgb(35, 87, 101) 100%);
}

.cards-transparent .card-2 {
	background-color: #e878db;
	background: linear-gradient(90deg, #e878db 0%, #bc4caf 100%);
}

.cards-transparent .card-3 {
	background-color: #846ed9;
	background: linear-gradient(90deg, #846ed9 0%, #533caa 100%);
}

.cards-transparent .card .header {
	padding: 15px;
}

.cards-transparent .card .header .title {
	font-size: 24px;
	font-weight: 900;
	color: white;
	margin-bottom: 5px;
}

.cards-transparent .card .header .subtitle {
	color: white;
}

.cards-transparent .card .header .subtitle a {
  color: white;
  text-decoration: underline;
}

.cards-transparent .card .code-container {
	padding: 0 15px 15px 15px;
}

.cards-transparent .card .code-container .text {
	font-size: 14px;
    color: white;
    margin-bottom: 10px;
    display: block;
}

.cards-transparent .card .code-container .code {
	background: linear-gradient(111deg, #ff5171 0%, #ea2549 100%);
    padding: 8px 12px;
    display: inline-block;
    border-radius: 4px;
}

.cards-transparent .card .code-container .code span {
	color: white;
	font-weight: 900;
	font-size: 18px;
}

.cards-transparent .card .full-img {
	height: 150px;
    width: 100%;
    object-fit: cover;
}

.cards-transparent .card .image-container {
	height: 150px;
	background-color: #856ED9;
}

.cards-biuexp {
	margin-top: 50px;
}

.cards-biuexp .card {
	background-color: #A388E5;
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 15px;
	display: flex;
	padding: 15px;
    flex-direction: column;
}

.cards-biuexp .card > .top {
  	display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.cards-biuexp .card .top .left {
	padding-right: 15px;
  width: 150px;
}

.cards-biuexp .card .top .left .title {
	font-size: 18px;
    font-weight: 500;
    color: white;
    margin-bottom: 0;
}

.cards-biuexp .card .top .right {
	   text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cards-biuexp .card .top .right .top {
	font-size: 13px;
	color: white;
}

.cards-biuexp .card .top .right .bottom {
	font-size: 28px;
	color: white;
	font-weight: 900;
}

.cards-biuexp .card .top .right .bottom i {
	font-size: 28px;
	color: #FFEB3B;
}

.cards-biuexp .card > .bottom {
	display: flex;
    flex-direction: row;
}

.cards-biuexp .card > .bottom a {
    border-radius: 20px;
    padding: 10px 15px;
    color: white;
    background: linear-gradient(111deg, #2d1974 0%, #6646e4 100%);
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
}

.cards-biuexp .card > .bottom a i {
	color: #FFEB3B;
}

.cards-biuexp .card > .bottom .checked {
  color: white;
}

.cards-biuexp .card > .bottom .checked i {
  color: white;
}

.cards-levels {
	margin-top: 50px;
}

.cards-levels .card {
	border: 1px solid #856ED9;
    border-radius: 10px;
    text-align: left;
    margin-bottom: 30px;
    padding: 15px;
}

.panel .content .container .cards-levels .card-color-1 {
	background-color: #3C2D72;
}

.panel .content .container .cards-levels .card-color-2 {
	background-color: #2C2158;
}

.panel .content .container .cards-levels .card-color-3 {
	background-color: #211A3C;
}

.panel .content .container .cards-levels .card-color-4 {
	background-color: #0F0F0F;
}

.panel .content .container .cards-levels .card .title {
	font-size: 26px;
	margin-bottom: 5px;
}

.panel .content .container .cards-levels .card .description {
	color: white;
}

.panel .content .container .cards-levels .card .biuexp {
	margin: 10px 0 10px;
}

.panel .content .container .cards-levels .card .biuexp .number {
	color: white;
    font-weight: 900;
    font-size: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.panel .content .container .cards-levels .card .biuexp .number i {
	font-size: 20px;
    color: #FFEB3B;
    display: inline-block;
    margin-left: 7px;
}

.panel .content .container .cards-levels .card .additional {
	margin-bottom: 15px;
}

.panel .content .container .cards-levels .card .additional span {
	color: #856ED9;
    display: block;
    font-size: 14px;
}

.panel .content .container .cards-levels .card .benefits {
	border-top: 1px solid #856ED9;
	padding-top: 18px;
}

.panel .content .container .cards-levels .card .benefits .row {
	display: flex;
    margin-bottom: 8px;
}

.cards-levels .card .benefits .row .left {
	margin-right: 8px;
}

.cards-levels .card .benefits .row .left i {
	color: #FFEB3B;
	font-size: 14px;
}

.cards-levels .card .benefits .row .right {
	color: white;
	font-size: 14px;
}

.text-container {
    padding: 0 15px;
    text-align: left;
    margin-top: 50px;
}

.text-container .text-question-container {
    border-bottom: 1px solid #856ED9;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}

.text-container .text-question {
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

.text-container .text-answer-container {
    display: none;
}

.text-container .text-section {
    color: #856ED9;
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 50px;
    font-weight: 900;
}

.text-container .text-answer-container .text-answer {
    display: block;
    margin: auto;
    color: #a487e5;
    margin-bottom: 10px;
    line-height: 21px;
}

.text-container .text-answer-container .text-answer a,
.text-container ul li a {
    color: #c2acf0;
    text-decoration: underline;
}

.text-container .text-answer-container .text-answer i {
    color: #c2acf0;
}

.text-container ul {
    margin: 20px 0;
}

.text-container ul li {
    margin-left: 20px;
    color: #a487e5;
    margin-bottom: 15px;
    line-height: 21px;
}

.action-detail {
    position: relative;
}

.action-detail .top {
    margin-bottom: 10px;
    text-align: center;
}

.action-detail .top .header-icon {
    height: 40px
}

.action-detail .top .header-icon .bg {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: auto;
    top: -48px;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 2px 2px 4px #00000038;
}

.action-detail .top .header-icon .bg .icon {
    width: 100%;
}

.action-detail .top .name {
    font-weight: 900;
    font-size: 20px;
}

.action-detail .bottom {
    text-align: center;
}

.action-detail .bottom span {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 30px;
}

.action-detail .action-btn {
    background: linear-gradient(111deg, #2d1974 0%, #cd8aed 100%);
    color: white;
    margin-bottom: 15px;
}


@media (min-width: 680px) {

  .biucredits-card-container {
    padding: 0 15px;
  }

  .panel .content > .container {
    max-width: 440px;
    margin: auto;
  }

  .panel .header .illus {
      width: 180px;
  }

}
/*



 */