@font-face {
    font-family: jeban-iconset;
    src: url("../fonts/JebanIconSet/jeban-iconset.eot");
    src: url("../fonts/JebanIconSet/jeban-iconset.eot#iefix") format("embedded-opentype"), url("../fonts/JebanIconSet/jeban-iconset.woff2") format("woff2"), url("../fonts/JebanIconSet/jeban-iconset.woff") format("woff"), url("../fonts/JebanIconSet/jeban-iconset.ttf") format("truetype"), url("../fonts/JebanIconSet/jeban-iconset.svg#jeban-iconset") format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" jeban-icon-"]:before,
[class^=jeban-icon-]:before {
    font-family: jeban-iconset;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jeban-icon-back:before { content: '\e800'; } /* '' */
.jeban-icon-beautycheck:before { content: '\e801'; } /* '' */
.jeban-icon-close:before { content: '\e802'; } /* '' */
.jeban-icon-comment:before { content: '\e803'; } /* '' */
.jeban-icon-community:before { content: '\e804'; } /* '' */
.jeban-icon-correct:before { content: '\e805'; } /* '' */
.jeban-icon-create:before { content: '\e806'; } /* '' */
.jeban-icon-down:before { content: '\e807'; } /* '' */
.jeban-icon-download:before { content: '\e808'; } /* '' */
.jeban-icon-edit:before { content: '\e809'; } /* '' */
.jeban-icon-email:before { content: '\e80a'; } /* '' */
.jeban-icon-calendar:before { content: '\e80b'; } /* '' */
.jeban-icon-facebook:before { content: '\e80c'; } /* '' */
.jeban-icon-filter:before { content: '\e80d'; } /* '' */
.jeban-icon-follow:before { content: '\e80e'; } /* '' */
.jeban-icon-google:before { content: '\e80f'; } /* '' */
.jeban-icon-hamberger:before { content: '\e810'; } /* '' */
.jeban-icon-move:before { content: '\e811'; } /* '' */
.jeban-icon-badge:before { content: '\e812'; } /* '' */
.jeban-icon-ig:before { content: '\e813'; } /* '' */
.jeban-icon-insert-sticker-photo:before { content: '\e814'; } /* '' */
.jeban-icon-link:before { content: '\e815'; } /* '' */
.jeban-icon-location:before { content: '\e816'; } /* '' */
.jeban-icon-login:before { content: '\e817'; } /* '' */
.jeban-icon-sign-out:before { content: '\e818'; } /* '' */
.jeban-icon-love:before { content: '\e819'; } /* '' */
.jeban-icon-loved:before { content: '\e81a'; } /* '' */
.jeban-icon-like:before { content: '\e81b'; } /* '' */
.jeban-icon-member:before { content: '\e81c'; } /* '' */
.jeban-icon-mention:before { content: '\e81d'; } /* '' */
.jeban-icon-more-horizon:before { content: '\e81e'; } /* '' */
.jeban-icon-more-verticle:before { content: '\e81f'; } /* '' */
.jeban-icon-bag:before { content: '\e820'; } /* '' */
.jeban-icon-next:before { content: '\e821'; } /* '' */
.jeban-icon-notification:before { content: '\e822'; } /* '' */
.jeban-icon-password:before { content: '\e823'; } /* '' */
.jeban-icon-pencil:before { content: '\e824'; } /* '' */
.jeban-icon-photo:before { content: '\e825'; } /* '' */
.jeban-icon-privilege:before { content: '\e826'; } /* '' */
.jeban-icon-qa:before { content: '\e827'; } /* '' */
.jeban-icon-reply:before { content: '\e828'; } /* '' */
.jeban-icon-report:before { content: '\e829'; } /* '' */
.jeban-icon-review:before { content: '\e82a'; } /* '' */
.jeban-icon-save:before { content: '\e82b'; } /* '' */
.jeban-icon-saved:before { content: '\e82c'; } /* '' */
.jeban-icon-search:before { content: '\e82d'; } /* '' */
.jeban-icon-setting:before { content: '\e82e'; } /* '' */
.jeban-icon-share:before { content: '\e82f'; } /* '' */
.jeban-icon-star-fill:before { content: '\e830'; } /* '' */
.jeban-icon-star:before { content: '\e831'; } /* '' */
.jeban-icon-sticker:before { content: '\e832'; } /* '' */
.jeban-icon-storytelling:before { content: '\e833'; } /* '' */
.jeban-icon-swatch:before { content: '\e834'; } /* '' */
.jeban-icon-tag:before { content: '\e835'; } /* '' */
.jeban-icon-thum:before { content: '\e836'; } /* '' */
.jeban-icon-tile:before { content: '\e837'; } /* '' */
.jeban-icon-time:before { content: '\e838'; } /* '' */
.jeban-icon-transform-:before { content: '\e839'; } /* '' */
.jeban-icon-twitter:before { content: '\e83a'; } /* '' */
.jeban-icon-up:before { content: '\e83b'; } /* '' */
.jeban-icon-upload-photo:before { content: '\e83c'; } /* '' */
.jeban-icon-upload-vdo:before { content: '\e83d'; } /* '' */
.jeban-icon-upload:before { content: '\e83e'; } /* '' */
.jeban-icon-vdo:before { content: '\e83f'; } /* '' */
.jeban-icon-view:before { content: '\e840'; } /* '' */
.jeban-icon-refresh:before { content: '\e841'; } /* '' */
.jeban-icon-youtube:before { content: '\e842'; } /* '' */
.jeban-icon-bad:before { content: '\e843'; } /* '' */
.jeban-icon-issue:before { content: '\e844'; } /* '' */
.jeban-icon-live:before { content: '\e845'; } /* '' */
.jeban-icon-prize:before { content: '\e846'; } /* '' */
.jeban-icon-shop:before { content: '\e847'; } /* '' */
.jeban-icon-howto:before { content: '\e848'; } /* '' */
.jeban-icon-icon-step:before { content: '\e849'; } /* '' */
.jeban-icon-home:before { content: '\e84a'; } /* '' */
.jeban-icon-haul:before { content: '\e84b'; } /* '' */
.jeban-icon-sortby:before { content: '\e84c'; } /* '' */
.jeban-icon-desktop:before { content: '\e84d'; } /* '' */
.jeban-icon-facebook-fill:before { content: '\e84e'; } /* '' */
.jeban-icon-google-fill:before { content: '\e84f'; } /* '' */
.jeban-icon-hilight:before { content: '\e850'; } /* '' */
.jeban-icon-homework:before { content: '\e851'; } /* '' */
.jeban-icon-ig-fill:before { content: '\e852'; } /* '' */
.jeban-icon-link-out:before { content: '\e853'; } /* '' */
.jeban-icon-more-outline:before { content: '\e854'; } /* '' */
.jeban-icon-not-view:before { content: '\e855'; } /* '' */
.jeban-icon-notification-on:before { content: '\e856'; } /* '' */
.jeban-icon-other-activity-2:before { content: '\e857'; } /* '' */
.jeban-icon-password-1:before { content: '\e858'; } /* '' */
.jeban-icon-public:before { content: '\e859'; } /* '' */
.jeban-icon-save-strack:before { content: '\e85a'; } /* '' */
.jeban-icon-send-homework:before { content: '\e85b'; } /* '' */
.jeban-icon-shine-girl:before { content: '\e85c'; } /* '' */
.jeban-icon-twitter-fill:before { content: '\e85d'; } /* '' */
.jeban-icon-user-review:before { content: '\e85e'; } /* '' */
.jeban-icon-youtube-fill:before { content: '\e85f'; } /* '' */
.jeban-icon-replace:before { content: '\e860'; } /* '' */
.jeban-icon-jeban-flower-fill:before { content: '\e861'; } /* '' */
.jeban-icon-jeban-flower:before { content: '\e862'; } /* '' */
.jeban-icon-badge2:before { content: '\e863'; } /* '' */
.jeban-icon-correct-dotted:before { content: '\e864'; } /* '' */
.jeban-icon-content-type:before { content: '\e865'; } /* '' */
.jeban-icon-plus2:before { content: '\e866'; } /* '' */
.jeban-icon-badge-up:before { content: '\e867'; } /* '' */
.jeban-icon-makeup:before { content: '\e868'; } /* '' */
.jeban-icon-delete-comment:before { content: '\e86c'; } /* '' */
.jeban-icon-edit-comment:before { content: '\e86d'; } /* '' */
.jeban-icon-point-10:before { content: '\e86e'; } /* '' */
.jeban-icon-plus:before { content: '\e86f'; } /* '' */
.jeban-icon-point:before { content: '\e870'; } /* '' */
.jeban-icon-event-alert:before { content: '\e871'; } /* '' */
.jeban-icon-privilege-alert:before { content: '\e872'; } /* '' */
.jeban-icon-redeem-alert:before { content: '\e873'; } /* '' */
.jeban-icon-step:before { content: '\e874'; } /* '' */
.jeban-icon-bin:before { content: '\e875'; } /* '' */
.jeban-icon-outfit:before { content: '\e876'; } /* '' */
.jeban-icon-accesories:before { content: '\e877'; } /* '' */
.jeban-icon-shoesbags:before { content: '\e878'; } /* '' */
.jeban-icon-thunder:before { content: '\e879'; } /* '' */
.jeban-icon-line-fill:before { content: '\e87c'; } /* '' */
.jeban-icon-spotlight-item-1:before { content: '\e885'; } /* '' */
.jeban-icon-spotlight-item-2:before { content: '\e886'; } /* '' */
.jeban-icon-other-activity-3:before { content: '\e887'; } /* '' */
.jeban-icon-other-activity-4:before { content: '\e88a'; } /* '' */
.jeban-icon-other-activity-1:before { content: '\e88b'; } /* '' */
.jeban-icon-other-activity:before { content: '\e88c'; } /* '' */
.jeban-icon-rotate:before { content: '\e8f3'; } /* '' */
.jeban-icon-home-s:before { content: '\e8f8'; } /* '' */
.jeban-icon-spotlight-item:before { content: '\e903'; } /* '' */
.jeban-icon-speak-out:before { content: '\e97b'; } /* '' */

.d-flex {
    display: flex;
}

header {
    width: 100%;
    z-index: 999;
}
.nav-main {
    height: 56px;
    background-color: #1a1a1a;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.nav-main .wrapper {
    height: 100%;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-main .wrapper ul {
    padding: 0;
    margin: 0;
    height: 100%;
    list-style-type: none;
}
.nav-main .wrapper ul li.bg-gray {
    background-color: #383838;
}
.nav-main .wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 50px;
    padding: 0 15px;
}
.menu-dropdown {
    position: relative;
}
.menu-dropdown input[type=checkbox] {
    display: none;
}
.nav-main .wrapper ul li label {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 24px;
}
.menu-dropdown .menu-collapse.-site {
    position: absolute;
    top: 56px;
    left: 0;
}
.menu-dropdown .menu-collapse {
    display: none;
    width: 250px;
    z-index: 999;
    background-color: #383838;
}
.menu-dropdown input[type=checkbox]:checked~.menu-collapse {
    display: block;
}
.menu-dropdown .menu-collapse.-site .menu-link {
    padding: 20px 30px 10px;
}
.menu-dropdown .menu-collapse.-site .menu-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: manopmailight;
    font-size: 15px;
}
.menu-dropdown .menu-collapse.-site .menu-link a i {
    font-size: 24px;
    margin-left: auto;
}
.nav-main .wrapper ul li a {
    color: #fff;
    text-transform: uppercase;
    font-family: manopmaireg;
    font-size: 15px;
}
.menu-dropdown .menu-collapse.-site .menu-social {
    background-color: #1a1a1a;
    padding-top: 10px;
}
.menu-dropdown .menu-collapse.-site .menu-social p {
    color: #fff;
    font-size: 18px;
    font-family: manopmailight;
    text-align: center;
}
.menu-dropdown .menu-collapse.-site .menu-social div {
    padding: 20px 30px 40px;
}


.user-menu {
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: manopmailight;
    font-size: 18px;
}
.menu-dropdown input[type=checkbox]:checked ~ .menu-collapse {
    display: block;
}
.menu-dropdown .menu-collapse.-user {
    position: absolute;
    top: 56px;
    right: 0;
    padding: 0 30px;
}
.menu-dropdown .menu-collapse {
    display: none;
    width: 300px;
    z-index: 666;
    background-color: #383838;
}
.menu-dropdown .menu-collapse.-user .my-profile {
    padding: 20px 0;
}
.menu-dropdown .menu-collapse.-user .my-profile img {
    margin-right: 15px;
}
.menu-dropdown .menu-collapse.-user .my-profile .my-username {
    -ms-flex-item-align: center;
    align-self: center;
}
.menu-dropdown .menu-collapse.-user .my-profile i {
    position: absolute;
    right: 0;
    top: 45px;
    font-size: 25px;
    color: #96969D;
}
.menu-dropdown .menu-collapse.-user .my-profile .my-username h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.-w32 {
    width: 32px;
    height: 32px;
}
.-w80 {
    width: 80px;
    height: 80px;
}
.circle-display {
    border-radius: 50%;
    border: 1px solid #CCCCCC;
}

.menu-dropdown .menu-collapse.-user .my-account {
    margin-bottom: 15px;
}
.menu-dropdown .menu-collapse.-user .my-account a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-family: manopmailight;
    font-size: 15px;
}
.nav-main .wrapper ul li a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: manopmailight;
    font-size: 15px;
}
.menu-dropdown .menu-collapse.-user .my-account a i {
    font-size: 24px;
    margin-left: auto;
}