@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600&family=Mukta+Vaani:wght@200;300;500;600&display=swap);.player-wrapper {
    position: relative;
    padding-top: 56.25%;
    z-index: 9999
}

.react-player {
    position: absolute;
    top: 0;
    left: 0
}

@font-face {
    font-family: "icomoon";
    src: url(/fonts/public/icomoon.eot?ls7tl8);
    src: url(/fonts/public/icomoon.eot?ls7tl8#iefix) format("embedded-opentype"),url(/fonts/public/icomoon.woff2?ls7tl8) format("woff2"),url(/fonts/public/icomoon.ttf?ls7tl8) format("truetype"),url(/fonts/public/icomoon.woff?ls7tl8) format("woff"),url(/fonts/public/icomoon.svg?ls7tl8#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Fira Sans";
    src: url(/fonts/public/FiraSans/FiraSans-SemiBold.eot);
    src: url(/fonts/public/FiraSans/FiraSans-SemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/public/FiraSans/FiraSans-SemiBold.woff2) format("woff2"),url(/fonts/public/FiraSans/FiraSans-SemiBold.woff) format("woff"),url(/fonts/public/FiraSans/FiraSans-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Fira Sans";
    src: url(/fonts/public/FiraSans/FiraSans-Medium.eot);
    src: url(/fonts/public/FiraSans/FiraSans-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/public/FiraSans/FiraSans-Medium.woff2) format("woff2"),url(/fonts/public/FiraSans/FiraSans-Medium.woff) format("woff"),url(/fonts/public/FiraSans/FiraSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Fira Sans";
    src: url(/fonts/public/FiraSans/FiraSans-Regular.eot);
    src: url(/fonts/public/FiraSans/FiraSans-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/public/FiraSans/FiraSans-Regular.woff2) format("woff2"),url(/fonts/public/FiraSans/FiraSans-Regular.woff) format("woff"),url(/fonts/public/FiraSans/FiraSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Fira Sans";
    src: url(/fonts/public/FiraSans/FiraSans-Bold.eot);
    src: url(/fonts/public/FiraSans/FiraSans-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/public/FiraSans/FiraSans-Bold.woff2) format("woff2"),url(/fonts/public/FiraSans/FiraSans-Bold.woff) format("woff"),url(/fonts/public/FiraSans/FiraSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Fira Sans";
    src: url(/fonts/public/FiraSans/FiraSans-Light.eot);
    src: url(/fonts/public/FiraSans/FiraSans-Light.eot?#iefix) format("embedded-opentype"),url(/fonts/public/FiraSans/FiraSans-Light.woff2) format("woff2"),url(/fonts/public/FiraSans/FiraSans-Light.woff) format("woff"),url(/fonts/public/FiraSans/FiraSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

#public-layout [class*=" icon-"],#public-layout [class^=icon-] {
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#public-layout .icon-menu1:before {
    content: "\e90e"
}

#public-layout .icon-arrow-up:before {
    content: "\e90f"
}

#public-layout .icon-menu:before {
    content: "\e910"
}

#public-layout .icon-multiply:before {
    content: "\e911"
}

#public-layout .icon-wallet2:before {
    content: "\e90d"
}

#public-layout .icon-refresh:before {
    content: "\e90b"
}

#public-layout .icon-up:before {
    content: "\e90c"
}

#public-layout .icon-arrow-up:before {
    content: "\e900"
}

#public-layout .icon-contract:before {
    content: "\e901"
}

#public-layout .icon-benefits:before {
    content: "\e902"
}

#public-layout .icon-smart:before {
    content: "\e903"
}

#public-layout .icon-down-arrow:before {
    content: "\e904"
}

#public-layout .icon-lg:before {
    content: "\e905"
}

#public-layout .icon-expand-arrow:before {
    content: "\e906"
}

#public-layout .icon-wallet:before {
    content: "\e907"
}

#public-layout .icon-exchange:before {
    content: "\e908"
}

#public-layout .icon-blockchain:before {
    content: "\e909"
}

#public-layout .icon-ethereum:before {
    content: "\e90a"
}

.icon-l1-matrix:before {
    content: "\e912"
}

.icon-l2-matrix:before {
    content: "\e913"
}

.icon-box:before {
    content: "\e914"
}

#public-layout i.icon-telegram-app {
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#public-layout i.icon-telegram-app:before {
    content: "\e900"
}



#public-layout p {
    margin-bottom: 3.6rem
}

#public-layout .center {
    text-align: center!important
}

#public-layout .mb-n {
    margin-bottom: 0!important
}

#public-layout .mb-25 {
    margin-bottom: 2.5rem!important
}

#public-layout .spacer-10 {
    width: 100%;
    clear: both;
    height: 10rem
}

#public-layout .spacer-5 {
    width: 100%;
    clear: both;
    height: 5rem
}

#public-layout .txt-yellow {
    color: #eaa142
}

.txt-white {
    color: #fff
}

.txt-blueish {
    color: #9ea8db
}

.bold {
    font-weight: 700
}

.pb-n {
    padding-bottom: 0!important
}

#public-layout .header-section {
    position: relative;
    background: url(../images/bg-hero.jpg) top #1a1130 no-repeat;
    background-size: cover;
}

#public-layout .top-bar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 3.4rem;
    box-sizing: border-box
}

    #public-layout .top-bar-wrapper .logo a {
        position: relative;
        display: block;
        text-indent: -999em;
        width: 25rem;
        height: 9.7rem;
        background: url(../images/logo.png) no-repeat;
        background-size: contain
    }

#public-layout .menu-nav {
    font: 300 1.7rem/4rem "Mukta Vaani",sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center
}

#public-layout .menu-nav li {
    display: block;
    list-style: none;
    padding: 0 1.2rem
}

#public-layout .menu-nav>li[data-submenu] {
    position: relative;
    padding-right: 2rem;
    margin-right: 1.5rem
}

#public-layout .menu-nav>li[data-submenu]:after {
    position: absolute;
    top: 1.4rem;
    right: 0;
    content: "\e901";
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: .5rem;
    text-indent: -9999px;
}

#public-layout .flags {
    position: relative;
    padding-left: 4rem
}

#public-layout .flags:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 3.4rem;
    height: 2.85rem;
    text-indent: -999em
}

#public-layout .flags.flag-en:before {
    background: url(../images/member/flag-usa.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-sp:before {
    background: url(../images/member/flag-spain.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-bg:before {
    background: url(../images/member/flag-bulgaria.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-ru:before {
    background: url(../images/member/flag-russia.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-in:before {
    background: url(../images/member/flag-india.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-ge:before {
    background: url(../images/member/flag-germany.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-me:before {
    background: url(../images/member/flag-mexico.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-co:before {
    background: url(../images/member/flag-colombia.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-fr:before {
    background: url(../images/member/flag-france.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .flags.flag-br:before {
    background: url(../images/member/flag-brazil.svg) 50% no-repeat;
    background-size: contain
}

#public-layout .submenu .flags:before {
    top: -5px!important;
    transform: scale(.85)
}

#public-layout .submenu .flags {
    font-size: 1.4rem!important;
    padding-left: 3.6rem!important;
    line-height: 1.6rem
}

#public-layout .menu-nav li a,#public-layout .menu-nav li a:visited {
    position: relative;
    display: block;
    line-height: 4rem;
    color: #fff;
    text-decoration: none;
    transition: transform .15s linear
}

#public-layout .menu-nav li a i.icon-telegram-app {
    position: relative;
    font-size: 2.2rem;
    top: .2rem
}

#public-layout .menu-nav li a:hover {
    color: #eaa142
}

#public-layout .menu-nav li a:hover:after {
    width: 100%
}

#public-layout .menu-nav li.extra {
    position: relative
}

#public-layout .menu-nav li.extra a {
    padding: 0 2.6rem;
    border-radius: 6rem;
    line-height: 4rem;
    transition: none;
    font-size: 1.6rem
}

#public-layout .menu-nav li.extra a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: #eaa14200;
    border: solid 2px;
    /* background: linear-gradient(90deg,#eaa142,#e56c17 80%); */
    border-radius: 6rem;
}

#public-layout .menu-nav li.extra a:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #120d2300;
    border-radius: 6rem
}

#public-layout .menu-nav li.extra a span {
    position: relative;
    display: block;
    z-index: 3;
    line-height: 4rem
}

#public-layout .submenu {
    position: absolute;
    top: 3.8rem;
    left: 0;
    max-height: 0;
    overflow: hidden;
    transition: .2s linear;
    background: rgba(0,0,0,.493)
}

#public-layout .submenu li {
    padding: .5rem 1rem;
    line-height: 3rem
}

#public-layout .submenu li a {
    display: inline-block;
    white-space: nowrap
}

#public-layout li:hover .submenu {
    max-height: 40rem;
    padding: 1rem .5rem
}

#public-layout .hero-section {
    position: relative;
    padding-top: 25rem;
    text-align: center;
    color: #fff
}

#public-layout .header-section h1 {
    color: #fff;
    margin-bottom: 1.8rem
}

#public-layout .header-section .p-style1 {
    margin-bottom: 5rem
}

#public-layout .movie-wrapper {
    position: relative;
    padding: 8.8rem 0 7.2rem;
    width: 100%;
    max-width: 115rem;
    margin: 0 auto 3.4rem
}

#public-layout .movie-thumb {
        position: relative;
    z-index: 99;
    display: block;
    max-width: 84.9rem;
    width: 100%;
    height: 53.5rem;
    margin: 0 auto;
    background: url(../images/member/banner.jpg) no-repeat;
    background-size: auto;
    box-shadow: 0 0 10rem rgba(0,0,0,.4);
}

#public-layout .movie-divd {
    position: absolute;
    left: 50%;
    top: 4rem;
    z-index: 2;
    display: block;
    width: 1px;
    height: calc(100% - 6.7rem);
    background: hsla(0,0%,100%,.2)
}

#public-layout .movie-divd:before {
    top: -4.8rem;
    left: -1rem;
    font-size: 4rem;
    font-feature-settings: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    content: "^";
    transform: rotate(180deg);
}

#public-layout .movie-divd:after,#public-layout .movie-divd:before {
    position: absolute;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale
}

#public-layout .movie-divd:after {
    bottom: -2.4rem;
    left: -.9rem;
    font-size: 3.8rem;
    color: #e08e49;
    font-feature-settings: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    content: "^";
    transform: rotate(180deg);
}

#public-layout .hc-action-label {
    display: block;
    font: 400 2rem/5rem "Cairo",sans-serif
}

#public-layout .hc-action-holder {
    margin-bottom: 4rem
}

#public-layout .hero-area-wrapper .paragraph-1 {
    margin-bottom: 5rem
}

#public-layout .icon-play-movie {
    position: absolute;
    top: calc(50% - 3.4rem);
    left: calc(50% - 5.4rem);
    z-index: 99;
    display: block;
    width: 10.8rem;
    height: 10.8rem;
    background: url(../images/icon-play.png) 50% rgba(32,23,56,.8) no-repeat;
    box-shadow: 0 0 4rem #201738;
    border-radius: 20rem
}

#public-layout .movie-thumb {
    cursor: pointer
}

#public-layout .movie-thumb:hover {
    opacity: .8
}

#public-layout .movie-thumb:hover .icon-play-movie {
    background: url(../images/icon-play.png) 50% #b2683e no-repeat
}

#public-layout .section-stats {
    background: linear-gradient(180deg,rgba(29,15,62,0),#1a1130)
}

#public-layout h1 {
    font: 600 5rem/6rem "Cairo",sans-serif;
    color: #1e1d25;
    margin-bottom: 5rem
}

#public-layout .content-section h1 {
    font: 600 4.4rem/4.4rem "Cairo",sans-serif
}

#public-layout h2 {
    font: 600 2.4rem "Mukta Vaani",sans-serif;
    color: #111a21;
    margin-bottom: 3.8rem
}

#public-layout h3 {
    font: 600 2.1rem/2.4rem "Mukta Vaani",sans-serif;
    color: #111a21;
    padding-bottom: 3rem
}

#public-layout .pre-title {
    display: block;
    font: 400 2.4rem/4rem "Cairo",sans-serif
}

#public-layout .paragraph-1 {
    font: 300 2.2rem "Mukta Vaani",sans-serif
}

#public-layout .paragraph-2 {
    font: 300 2rem/2.5rem "Cairo",sans-serif
}

#public-layout .content-section .paragraph-2 {
    font: 300 1.8rem/2.2rem "Cairo",sans-serif
}

#public-layout .paragraph-3 {
    font: 600 2.4rem/2.5rem "Cairo",sans-serif;
    color: #fff
}

#public-layout .paragraph-4 {
    font: 400 1.8rem/2.5rem "Cairo",sans-serif;
    color: hsla(0,0%,100%,.61);
    background: #0d567f;
    padding: .8rem;
    text-align: center
}

#public-layout .btn {
    display: inline-block;
    font: 400 1.8rem/1.8rem "Fira Sans",sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 1.8rem 5rem;
    border-radius: 2.4rem;
    text-decoration: none;
    transition: all .2s linear;
    cursor: pointer;
    overflow: hidden
}

#public-layout .btn:before {
    content: "";
    position: absolute;
    display: block;
    width: 3rem;
    height: 120%;
    background: hsla(0,0%,100%,.5);
    top: -9%;
    transform: skewX(-18deg);
    left: -4rem;
    transition: all .4s linear
}

#public-layout .btn:hover:before {
    left: 50rem
}

#public-layout .btn.small {
    font-size: 1.6rem;
    padding: 1rem 2rem
}

#public-layout .btn-style1 {
    position: relative;
    background: #fbaa1b;
    color: #242538
}

#public-layout .btn-style1:hover {
    background: rgba(251,170,27,.5)
}

#public-layout .btn-style1:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 100%;
    border-radius: 2.4rem;
    transition: all .2s linear
}

#public-layout .btn-style1:hover:after {
    width: 100%
}

#public-layout .btn-style2 {
    position: relative;
    background: #105682;
    color: #fff;
    overflow: visible
}

#public-layout .btn-style2:hover {
    background: #34315f;
    color: hsla(0,0%,100%,.54)
}

#public-layout .btn-style2:before {
    content: none;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 100%;
    border-radius: 2.4rem;
    transition: all .2s linear
}

#public-layout .page-wrapper {
    position: relative;
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 990
}

#public-layout .section {
    position: relative;
    padding: 11rem 0
}

#public-layout .section-stats {
    margin-top: 26.5rem;
    text-align: center
}

#public-layout .section-stats .pre-title {
    color: hsla(0,0%,100%,.5)
}

#public-layout .section-stats .paragraph-2 {
    margin-top: 7.4rem;
    color: #a8a6af;
}

#public-layout .stats-wrapper {
    position: relative;
    max-width: 110rem;
    width: 100%;
    margin: 0 auto;
    padding: 6.6rem 0 13rem;
    color: #fff
}

#public-layout .stats-wrapper:before {
    position: absolute;
    top: -7px;
    left: calc(50% - 0.8rem);
    font-size: 3rem;
	color: #ccc;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "^";
    transform: rotate(180deg);
}

#public-layout .stats-wrapper:after {
    content: "";
    position: absolute;
    top: 1.9rem;
    left: calc(50% - 1px);
    display: block;
    background: #ccc;
    width: 1px;
    height: 4.6rem
}

#public-layout .stats-listing ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    list-style: none
}

#public-layout .stats-listing ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    z-index: 999;
    display: block;
    background: #9d99a9;
    width: 3px;
    height: 3px
}

#public-layout .stats-listing ul:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
}

#public-layout .stats-listing li {
    position: relative;
    padding-top: 3.8rem;
	text-align: center;
}

.stats-listing-img{
	width: 40px;
	display: inline-block;
}

.stats-listing-img2{
	width: 70px;
	display: inline-block;
}

#public-layout .stats-listing li:first-child:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 99;
    display: block;
    width: 50%;
    height: 1px;
    background: #15375d;
}

#public-layout .stats-listing li:last-child:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 50%;
    z-index: 99;
    display: block;
    width: 50%;
    height: 1px;
    background: #15375d;
}

#public-layout .stats-listing li .sl-line:after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    display: block;
    background: #ccc;
    width: 1px;
    height: 2rem
}

#public-layout .stats-listing li .sl-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    z-index: 999;
    display: block;
    background: #9d99a9;
    width: 3px;
    height: 3px
}

#public-layout .stats-listing li i {
    font-size: 5.4rem;
    background: linear-gradient(180deg,#eaa142,#e56c17 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#public-layout .stats-listing .stats-label {
    padding-top: 2.4rem;
    font: 300 2rem/4rem "Cairo",sans-serif;
    color: #c7c4cf8f;
}

#public-layout .stats-listing .stats-data {
    font: 600 4.8rem/5rem "Mukta Vaani",sans-serif
}

#public-layout .section-logo {
    text-align: center;
    margin-bottom: 1.6rem
}

#public-layout .section-logo i {
    font-size: 8.6rem;
    background: linear-gradient(180deg,#eaa142,#e56c17 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#public-layout .section-1 {
    background: url(/images/public/lionshead.jpg) no-repeat 0 100%
}

#public-layout .section-2 {
    background: #fbfbfd;
    background: #f8f8fb
}

#public-layout .section-3:before {
    left: 0;
    background: url(/images/public/digital-1.jpg) no-repeat 0
}

#public-layout .section-3:after,#public-layout .section-3:before {
    content: "";
    position: absolute;
    top: calc(50% - 13.4rem);
    display: block;
    width: 16.2rem;
    height: 26.9rem
}

#public-layout .section-3:after {
    right: 0;
    background: url(/images/public/digital-2.jpg) no-repeat 0
}

#public-layout .features-grid {
    display: flex;
    justify-content: space-between;
    padding-top: 5rem
}

#public-layout .features-section {
    background: #fff;
    width: 49%;
    padding: 6rem 5rem;
    box-shadow: 0 0 4rem rgba(26,35,49,.05);
    box-sizing: border-box
}

#public-layout .features-section ul {
    list-style: none
}

#public-layout .features-section ul .features-label {
    color: #231e30;
    font: 600 2.1rem "Mukta Vaani",sans-serif
}

#public-layout .features-section ul li {
    position: relative;
    padding-bottom: 5rem;
    padding-left: 4rem
}

#public-layout .features-section ul li:last-child {
    padding-bottom: 0
}

#public-layout .features-section ul li:after {
    position: absolute;
    top: .8rem;
    left: 0;
    font-size: 1.8rem;
    background: #e08e4900;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    transform: scaleX(.92);
    text-indent: -999px;
    width: 20px;
    height: 20px;
    border: solid 2px #e08e49;
    border-radius: 50%;
}

#public-layout .section-4 {
    background: url(../images/bg-comp.jpg) no-repeat bottom #105682;
    background-size: cover;
    padding-bottom: 0
}

#public-layout .section-4 h1 {
    color: #fff
}

#public-layout .section-4 h1 .pre-title {
    color: #fff;
}

#public-layout .section-4 .section-action {
    text-align: center;
    padding: 2rem 0 11rem
}

#public-layout .plans-grid {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    padding: 6.8rem 0 10.2rem
}

#public-layout .plans-grid:before {
        position: absolute;
    top: 0;
    left: calc(50% - .8rem);
    font-size: 3rem;
    color: #fff;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "^";
    transform: rotate(180deg);
}

#public-layout .plans-grid:after {
    content: "";
    position: absolute;
    top: 6.7rem;
    left: 20%;
    z-index: 999;
    display: block;
    background: #ccc;
    width: 60%;
    height: 1px
}

#public-layout .plans-grid .pointer {
    position: absolute;
    top: 2.3rem;
    left: calc(50% - 1px);
    height: 4.5rem;
    width: 1px;
    background: #ccc;
}

#public-layout .plans-grid .pointer:after {
    content: "";
    position: absolute;
    top: 4.3rem;
    left: calc(50% - 1px);
    z-index: 1000;
    display: block;
    background: #9d99a9;
    width: 3px;
    height: 3px
}

#public-layout .plans-section {
    position: relative;
    width: 30%;
    text-align: center;
    margin-top: 4rem;
    background: #06456a;
    padding: 3rem;
    box-sizing: border-box;
    border-radius: 9px
}

#public-layout .plans-section.first-plan:after {
    left: 0
}

#public-layout .plans-section.first-plan:after,#public-layout .plans-section.last-plan:after {
    content: "";
    position: absolute;
    top: -4.1rem;
    z-index: 1000;
    display: block;
    background: #266ea9;
    width: 50%;
    height: 1px
}

#public-layout .plans-section.last-plan:after {
    right: 0
}

#public-layout .plans-section .pin {
    position: absolute;
    top: -4.2rem;
    left: 50%;
    z-index: 999;
    display: block;
    background: #ccc;
    width: 1px;
    height: 4rem
}

#public-layout .plan-label {
    position: relative;
    color: #fff;
    font: 600 2.4rem/2.4rem "Mukta Vaani",sans-serif
}

#public-layout .plan-label span {
    display: block;
    color: hsla(0,0%,100%,.51);
    font: 300 1.7rem/2.4rem "Cairo",sans-serif;
    padding-bottom: .2rem
}

#public-layout .plan-label:after {
    content: "";
    display: block;
    width: 4rem;
    height: 2px;
    background: #8f63a4;
    margin: 2rem auto
}

#public-layout .plan-example-1 {
    display: block;
    max-width: 24.7rem;
    height: 19.6rem;
    margin: 4rem auto 0;
    background: url(../images/plan-example-1.png) no-repeat;
    background-size: contain
}

#public-layout .plan-example-2 {
    display: block;
    max-width: 29.8rem;
    height: 25.1rem;
    margin: 4rem auto 0;
    background: url(../images/plan-example-2.png) no-repeat;
    background-size: contain
}

#public-layout .plans-legend {
    width: 20%;
    margin-top: 4rem;
    padding: 2rem;
    box-sizing: border-box
}

#public-layout .plans-legend ul {
    list-style: none
}

#public-layout .plans-legend ul li {
    position: relative;
    padding-bottom: 2.8rem;
    padding-left: 3rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #c7c4cf;
}

#public-layout .plans-legend ul li i {
    position: absolute;
    top: .4rem;
    left: 0;
    font-size: 1.8rem;
    color: #fff
}

#public-layout .fast-action {
    text-align: center;
    padding: 8rem 0 2rem
}

#public-layout .fast-action .paragraph-2 {
    color: #1e1d25;
    font: 400 2.4rem/4rem "Cairo",sans-serif;
    padding-bottom: 2rem
}

#public-layout .icon-head {
    position: absolute;
    top: .3rem;
    left: -2rem;
    display: block;
    width: 6.6rem;
    height: 5rem;
    background: url(/images/public/icon-head.png) no-repeat;
    background-size: contain
}

#public-layout .icon-head+span {
    padding-left: 2rem
}

#public-layout .footer-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 2.6rem 0;
    align-items: center;
    font-size: 1.7rem
}

#public-layout .footer-logo {
    display: block;
    width: 25rem;
    height: 6.4rem;
    background: url(../images/logo192.png) no-repeat;
    background-size: contain
}

#public-layout .footer-content1 {
    padding-right: 20rem
}

#public-layout .footer-wrapper a,#public-layout .footer-wrapper a:visited {
    text-decoration: none;
    color: #6c22d7
}

#public-layout .footer-wrapper a:hover {
    color: #fbaa1b
}

#public-layout #hero-faq {
    background: url(/images/public/bg-faq.jpg) no-repeat;
    background-size: cover;
    padding: 20rem 0 5rem
}

#public-layout #hero-faq .section-logo {
    margin-bottom: 3rem
}

#public-layout #hero-faq .section-logo i {
    font-size: 6rem;
    margin-bottom: 1rem
}

#public-layout #hero-faq h1 {
    font-size: 4.8rem
}

#public-layout #hero-faq h1 .pre-title {
    color: #c7c4cf;
}

#public-layout #faq-container.section-1 {
    padding-top: 8rem;
    background: url(/images/public/lionshead2.jpg) no-repeat left 10rem
}

#public-layout .collapse-panel-listing {
    max-width: 100%;
    margin: 0 auto
}

#public-layout .collapse-panel-listing li {
    position: relative;
    list-style: none;
    border-top: 2px solid hsla(0,0%,50.2%,.12);
    padding: 2rem .5rem
}

#public-layout .collapse-panel-listing li:last-child {
    border-bottom: 2px solid hsla(0,0%,50.2%,.12)
}

#public-layout .collapse-panel-listing li:after {
    content: "\e906";
    top: 2.5rem;
    right: 0;
    color: #231e30
}

#public-layout .collapse-panel-listing li:after,#public-layout .collapse-panel-listing li:before {
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 1.4rem
}

#public-layout .collapse-panel-listing li:before {
    top: 2.8rem;
    left: -2.5rem;
    color: #e08e49;
    content: "\e905";
    transform: scaleX(.92)
}

#public-layout .panel-heading {
    color: #231e30;
    font: 600 1.8rem "Mukta Vaani",sans-serif;
    cursor: pointer
}

#public-layout .panel-heading:hover {
    color: #77769d
}

#public-layout .panel-body {
    font: 200 1.75rem "Mukta Vaani",sans-serif;
    padding-top: 0;
    transition: .2s linear;
    max-height: 0;
    overflow: hidden
}

#public-layout [data-toggle-status=expanded] .panel-body {
    padding-top: 2rem;
    max-height: 40rem;
    overflow: visible
}

#public-layout .panel-body p {
    margin-bottom: 2rem
}

#public-layout .panel-body p:last-child {
    margin-bottom: 0
}

#public-layout {
    width: 100%
}

#public-layout .ico-refresh {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: url(/images/public/icon-cycle.png) no-repeat;
    background-size: contain
}

#public-layout .ico-up {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: url(/images/public/icon-passed.png) no-repeat;
    background-size: contain
}

#public-layout .mobile-menu-handle {
    font-size: 3rem;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer
}

#public-layout .mobile-menu-handle:hover {
    color: #eaa142
}

#public-layout .mobile-menu-handle[data-menu-panel=expanded] i.icon-menu {
    display: none
}

#public-layout .mobile-menu-handle[data-menu-panel=expanded] i.icon-multiply {
    display: block
}

#public-layout .mobile-menu-handle i.icon-menu {
    display: block;
    transform: scaleX(.9)
}

#public-layout .mobile-menu-handle i.icon-multiply {
    display: none;
    font-size: 4rem
}

#public-layout .mobile-menu-handle {
    display: none
}

#public-layout .cp-section1 {
    position: relative;
    z-index: 9;
    background: url(/images/public/bg-hero-comp-1.jpg) center -2vw no-repeat #0e0824;
    background-size: auto;
    padding: 36.5rem 0 16rem;
    color: hsla(0,0%,100%,.5)
}

#public-layout .cp-section1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 16rem;
    background: linear-gradient(180deg,rgba(14,8,36,.58),rgba(14,8,36,0))
}

#public-layout .cp-section1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 52rem;
    background: url(/images/public/bg-hero-comp-b.png) top;
    opacity: .7
}

#public-layout .cp-section1 .pre-title {
    color: hsla(0,0%,100%,.5)
}

#public-layout.cp-page .cp-section1 h1 {
    font: 600 5rem/6rem "Cairo",sans-serif;
    color: #fff!important;
    margin-bottom: 6rem!important
}

#public-layout .cp-section1 .plans-grid {
    padding-bottom: 3rem;
    margin-top: 6rem
}

#public-layout .cp-section1 .plans-grid:before {
    position: absolute;
    top: -1.8rem;
    left: calc(50% - 1.5rem);
    font-size: 3rem
}

#public-layout .cp-section1 .plans-section:before {
    top: -4.4rem;
    content: none
}

#public-layout .cp-section1 .plans-section {
    width: 32%;
    padding: 5rem 3rem 1rem;
    margin: 4.2rem 3rem 0;
    border-radius: 8px;
    background: rgba(96,84,153,.13);
    box-shadow: 0 7px 14px rgba(0,0,0,.17)
}

#public-layout .cp-section1 .plans-section:after {
    background: #0f082a;
    top: -4.3rem
}

#public-layout .cp-section1 .plans-section.first-plan:after {
    background: #180839
}

#public-layout .cp-section1 .plans-grid .pointer,#public-layout .cp-section1 .plans-grid:after {
    background: rgba(93,90,140,.42)
}

#public-layout .cp-section1 .plans-section .pin {
    background: rgba(93,90,140,.42);
    height: 3.5rem;
    top: -4.2rem
}

#public-layout .cp-section1 h2:before {
    position: absolute;
    top: -.8rem;
    left: calc(50% - .8rem);
    font-size: 1.6rem;
    color: #743483;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    transform: scaleX(.92)
}

#public-layout .cp-section1 h2 {
    color: #fff;
    margin: 3rem 0 1rem
}

#public-layout .cp-section1 .prgph-box-1 {
    font-size: 1.6rem;
    margin: 0 auto;
    max-width: 110rem
}

#public-layout .cp-section1 .section-logo {
    text-align: center;
    margin: 10rem 0 1rem
}

#public-layout .cp-section1 .section-logo i {
    font-size: 6.8rem;
    background: linear-gradient(110deg,#3da6f0,#b33ef3 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#public-layout .cp-section1 .section-title {
    font: 400 2.3rem "Mukta Vaani",sans-serif;
    padding: 0 0 4rem;
    text-align: center;
    color: #fff
}

#public-layout .cp-section1 .icon-l1-matrix {
    font-size: 4.2rem
}

#public-layout .cp-section1 .icon-l1-matrix,#public-layout .cp-section1 .icon-l2-matrix {
    background: linear-gradient(180deg,#eaa142,#e56c17 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#public-layout .cp-section1 .icon-l2-matrix {
    font-size: 5rem
}

#public-layout .prgph-box {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0
}

#public-layout .prgb-1+.prgb-2 {
    margin-top: 10rem
}

#public-layout .prgph-box .prgb-label {
    width: 35%
}

#public-layout .prgph-box .prgb-label img {
    max-width: 100%
}

#public-layout .prgph-box .prgb-descr {
    width: 58%
}

#public-layout.cp-page h1 {
    font: 600 3.6rem "Cairo",sans-serif;
    color: #111a21;
    margin-bottom: 2.6rem
}

#public-layout .prgb-2 .prgb-label {
    order: 2
}

#public-layout .prgb-2 .prgb-descr {
    padding-top: 2rem
}

#public-layout.cp-page .card-listing ul {
    list-style: none
}

#public-layout.cp-page .card-listing>ul {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

#public-layout.cp-page .tier-listing>ul>li {
    width: 12.5%;
    box-sizing: border-box;
    padding: 1rem .5rem;
    min-width: 14rem
}

#public-layout.cp-page .card {
    position: relative;
    background: #fff;
    border-radius: .6rem;
    box-sizing: border-box;
    text-align: center;
    padding: 3.5rem 1.5rem 0;
    border: 5px solid rgba(238,235,241,.46)
}

#public-layout.cp-page .card .card-heading-1 {
    font: 600 2.2rem/3.6rem "Cairo",sans-serif;
    color: #3d4060
}

#public-layout.cp-page .card-index {
    position: absolute;
    top: -10px;
    right: calc(50% - 1.3rem);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.7rem
}

#public-layout.cp-page .card-index span {
    position: relative;
    color: #fff;
    font: 500 1.7rem "Cairo",sans-serif;
    z-index: 202
}

#public-layout.cp-page .card-index:after {
    color: #8b73a2;
    top: 0;
    z-index: 201
}

#public-layout.cp-page .card-index:after,#public-layout.cp-page .card-index:before {
    content: "\e905";
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3.2rem;
    display: inline-block;
    position: absolute;
    left: 0
}

#public-layout.cp-page .card-index:before {
    color: #e6e6e6;
    top: 2px;
    z-index: 200
}

#public-layout.cp-page .label-not-available {
    background: linear-gradient(90deg,#98a3d0,#b8b3e4);
    color: #fff;
    font-size: 1.3rem;
    display: inline-block;
    padding: .1rem .8rem;
    border-radius: 3px;
    margin-top: .2rem;
    line-height: 2rem;
    font-weight: 400
}

#public-layout.cp-page .tree-view {
    text-align: center;
    padding-bottom: 2rem
}

#public-layout.cp-page .tree-view a {
    text-decoration: none;
    position: relative
}

#public-layout.cp-page .tree-view .master-leaf {
    background: #fdfdfe;
    border: 1px solid #ccc;
    display: none;
    width: 7px;
    height: 7px
}

#public-layout.cp-page .tree-view ul {
    position: relative;
    padding: 1.5rem 0 0;
    display: flex;
    justify-content: space-between;
    max-width: 14rem;
    margin: 0 auto
}

#public-layout.cp-page .tree-view ul:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    display: block;
    height: 1rem;
    width: 1px;
    background: url(/images/member/dsh-line-v.png)
}

#public-layout.cp-page .tree-view ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    display: block;
    height: 1px;
    width: 100%;
    background: url(/images/member/dsh-line-h.png)
}

#public-layout.cp-page .tree-view ul li {
    position: relative;
    width: auto;
    padding: 1rem 0 0;
    flex-grow: 1
}

#public-layout.cp-page .tree-view ul li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: .7rem;
    width: 1px;
    background: url(/images/member/dsh-line-v.png)
}

#public-layout.cp-page .tree-view ul li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#public-layout.cp-page .tree-view ul li:last-child:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#public-layout.cp-page .tree-view ul li li {
    padding-top: 1.3rem
}

#public-layout.cp-page .tree-view ul li li:after {
    height: 1.1rem
}

#public-layout.cp-page .tree-view i.icon-customer {
    display: none
}

#public-layout.cp-page .tree-view i.icon-hexagon {
    font-size: 2.3rem;
    font-family: "fonticon"!important;
    background: linear-gradient(180deg,#f3f2f5,#e8e0eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cp-section2+.cp-section3 {
    padding: 8rem 0 20rem!important
}

#public-layout .cp-section3 h2 {
    margin: .8rem 0 .5rem 1rem;
    font: 500 2.2rem "Mukta Vaani",sans-serif;
    color: #343046
}

.cp-section3 .card-listing {
    position: relative;
    margin: 1rem 1rem 5rem
}

.cp-section3 .card-listing:before {
    right: -17rem;
    background: url(/images/public/digital-1.jpg) no-repeat 0
}

.cp-section3 .card-listing:after,.cp-section3 .card-listing:before {
    content: "";
    position: absolute;
    top: calc(50% - 13.4rem);
    display: block;
    width: 16.2rem;
    height: 26.9rem
}

.cp-section3 .card-listing:after {
    left: -17rem;
    background: url(/images/public/digital-2.jpg) no-repeat 0
}

#public-layout.cp-page .sample-tree-view {
    text-align: center;
    padding-bottom: 2.5rem;
    width: 14rem
}

#public-layout.cp-page .sample-tree-view a {
    text-decoration: none;
    position: relative
}

#public-layout.cp-page .sample-tree-view .master-leaf {
    padding-top: 1rem
}

#public-layout.cp-page .sample-tree-view .master-leaf i {
    font-size: 4rem;
    background: linear-gradient(0deg,#efa49e,#ffcdc9 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#public-layout.cp-page .sample-tree-view ul {
    position: relative;
    padding: 1.5rem 0 0;
    display: flex;
    justify-content: space-between;
    max-width: 14rem;
    margin: 0 auto;
    list-style: none
}

#public-layout.cp-page .sample-tree-view ul:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: 1.3rem;
    width: 1px;
    background: url(/images/member/dsh-line-v.png)
}

#public-layout.cp-page .sample-tree-view ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    display: block;
    height: 1px;
    width: 100%;
    background: url(/images/member/dsh-line-h.png)
}

#public-layout.cp-page .sample-tree-view ul li {
    position: relative;
    width: auto;
    padding: 1.6rem 0 0;
    flex-grow: 1
}

#public-layout.cp-page .sample-tree-view ul li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: 1.4rem;
    width: 7px;
    background: url(/images/member/dsh-line-v.png) repeat-y;
    border-radius: 4px
}

#public-layout.cp-page .sample-tree-view ul li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#public-layout.cp-page .sample-tree-view ul li:last-child:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#public-layout.cp-page .sample-tree-view ul li li {
    padding-top: 1.3rem
}

#public-layout.cp-page .sample-tree-view ul li li:after {
    height: 1.1rem
}

#public-layout.cp-page .sample-tree-view i.icon-customer {
    position: absolute;
    width: 2.6rem;
    text-align: center;
    display: none;
    padding-top: .9rem;
    z-index: 9;
    pointer-events: none;
    font-size: 1.9rem
}

#public-layout.cp-page .sample-tree-view i.icon-hexagon {
    font-size: 3.4rem;
    font-family: "fonticon"!important;
    background: linear-gradient(180deg,#f3f2f5,#e8e0eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.prgb-fts {
    justify-content: center!important;
    padding-bottom: 12rem!important
}

.prgb-fts .prgb-label {
    width: 14%!important;
    padding-right: 7rem;
    padding-top: 1rem
}

.prgb-descr .table-box {
    padding-top: 1rem
}

.table-box .tr {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: .3rem .5rem;
    border-bottom: 1px solid hsla(0,0%,50.2%,.21);
    align-items: center
}

.table-box .tr.thead {
    padding: 1rem .5rem;
    font-weight: 700
}

.table-box .tr .td {
    width: 30%;
    padding: 0 1rem
}

.table-box .tr .td:nth-child(2),.table-box .tr .td:nth-child(3) {
    text-align: center
}

.table-box .card-index {
    position: relative!important;
    top: 0!important;
    left: 0
}

.cp-section1 .cp-action-box {
    text-align: center;
    margin-top: 5rem
}

.cp-section1 .cp-action-box a,.cp-section1 .cp-action-box a:visited {
    background: #e89035;
    color: #000;
    font: 400 1.8rem "cairo";
    border-radius: 5rem;
    padding: .8rem 3rem;
    text-decoration: none
}

.cp-section1 .cp-action-box a:hover {
    background: #c4721c
}

#public-layout .prgph-box.pb-n {
    padding-bottom: 0!important
}

#public-layout.cp-page .matrix-1 .card-index:after {
    color: #705f93
}

#public-layout.cp-page .matrix-2 .card-index:after {
    color: #8a5082
}

#public-layout.cp-page .prgb-matrix .sample-tree-view i.icon-hexagon {
    font-size: 4.5rem
}

#public-layout.cp-page .prgb-matrix .sample-tree-view ul {
    max-width: 20rem
}

#public-layout.cp-page .prgb-matrix .sample-tree-view {
    width: 20rem
}

#public-layout .prgph-box.prgb-matrix .prgb-label {
    width: 33%;
    display: flex;
    justify-content: flex-end
}

#public-layout .cp-section4 .section-logo i {
    font-size: 5.4rem
}

#public-layout .cp-section5 .section-logo i {
    font-size: 7rem
}

#public-layout .cp-section4,#public-layout .cp-section5,#public-layout .cp-section6 {
    box-shadow: inset 0 1px #f0f0f0
}

#public-layout .cp-section6 {
    padding: 4rem 0!important
}

#public-layout .cp-section7 {
    background: #f8f8fb
}

#public-layout.cp-page .subtitle-2 {
    font: 200 1.8rem/2rem "Mukta Vaani",sans-serif;
    display: inline-block;
    padding-bottom: 2rem;
    color: #7c688c;
    position: relative
}

.prgb-matrix .img-matrix-1 {
    width: 38.6rem;
    height: 49.5rem;
    background: url(/images/public/matrix-1.jpg) no-repeat;
    background-size: contain
}

.prgb-matrix .img-matrix-2 {
    width: 38.6rem;
    height: 49.5rem;
    background: url(/images/public/matrix-2.jpg) no-repeat;
    background-size: contain
}

.prgb-matrix .img-matrix-3 {
    width: 38.6rem;
    height: 49.5rem;
    background: url(/images/public/matrix-3.jpg) no-repeat;
    background-size: contain
}

#public-layout .prgph-box.prgb-matrix {
    justify-content: center
}

#public-layout .prgph-box.prgb-matrix .prgb-label {
    margin-right: 5rem
}

#public-layout .prgph-box.prgb-matrix .prgb-descr {
    margin-top: 3rem
}

#public-layout .inner-section-action {
    background: url(/images/public/bg-comp.jpg) no-repeat bottom #05678e;
    text-align: center;
    padding: 5rem 10rem
}

#public-layout .inner-section-action .paragraph-2 {
    font: 600 2.4rem/2.5rem "Cairo",sans-serif;
    color: #fff;
    padding: 0 0 3rem
}

#public-layout .section-action-2 {
    background: url(/images/public/bg-comp.jpg) no-repeat bottom #05678e;
    background-size: cover;
    text-align: center;
    padding: 5rem 0
}

#public-layout .section-action-2 .paragraph-2 {
    font: 600 2.4rem/2.5rem "Cairo",sans-serif;
    color: #fff;
    padding: 0 0 3rem
}

@media only screen and (max-width: 567px) {
    #public-layout .cp-section1 .plans-section {
        width:90%
    }

    #public-layout .prgph-box {
        flex-wrap: wrap
    }

    #public-layout .prgph-box .prgb-label {
        width: 100%;
        order: 0;
        margin-bottom: 4rem
    }

    #public-layout .prgph-box .prgb-descr {
        width: 100%
    }

    #public-layout .prgph-box .prgb-descr h1 {
        text-align: center
    }

    #public-layout .prgb-1+.prgb-2 {
        margin-top: 4rem
    }

    #public-layout .section {
        position: relative;
        padding: 11rem 0 0
    }

    .prgb-fts .prgb-label {
        width: 100%!important
    }

    #public-layout.cp-page .sample-tree-view {
        display: none
    }

    #public-layout .prgb-fts .prgb-label {
        margin-bottom: 1rem
    }

    .cp-section2+.cp-section3 {
        padding: 8rem 0 4rem!important
    }

    #public-layout .prgph-box.prgb-matrix .prgb-label {
        width: 100%;
        margin-bottom: 0;
        margin-right: 0;
        justify-content: center
    }
}

#reg-layout {
    position: relative;
    width: 100%;
    /*background: url(../images/bg-light.jpg) bottom #d5d6d9;*/
    background-size: cover;
}

.reg-box1 {
    position: relative;
    background: #fff0;
    /* max-width: 50rem; */
    width: 100%;
    border-radius: 13px;
    /* margin: 2rem auto; */
    box-shadow: 0 0 6px 2px #000;
    box-sizing: border-box;
    padding: 8rem 3rem 7rem;
    text-align: center;
}
#reg-layout .reg-box {
    position: relative;
    background: #5c67ff00;
    max-width: 50rem;
    width: 100%;
    border-radius: 13px;
    margin: 2rem auto;
    box-shadow: 0 0 6px 2px #000;
    box-sizing: border-box;
    padding: 6rem 3rem 2rem;
    text-align: center;
}

        #reg-layout .reg-box .reg-label {
            position: absolute;
            /*border: 1px solid white;*/
            /*border-radius: 50%;*/
            top: 3px;
            left: 50%;
            /* border: 3px solid #e8bb5f;
            border-radius: 50%;
            padding: 8px;*/
            transform: translate(-53%, 18px);
            display: block;
            width: 20.5rem;
            height: 11.4rem;
            background-image: url('../../SiteCss/assets/img/logo/logo2.png');
           /* background-image: url('../../SiteCss/assets/images/logo.png');*/
            /* background: url(../../latestassets/front/images/logo.png); */
            background-repeat: no-repeat;
            background-size: contain;
        }

#reg-layout h1 {
    font: 600 2.9rem "Cairo",sans-serif;
    color: #000;
    margin-bottom: 2rem;
    margin-top: 2rem;
    text-align: center;
}

#reg-layout .subtitle {
    color: #000;
    text-align: center;
    display: block;
    font: 400 1.8rem/2rem "Open Sans", sans-serif;
    padding: 0 0 1.5rem;
    font-size: 16px;
}

#reg-layout .note {
    font: 600 1.6rem/1.8rem "Mukta Vaani",sans-serif;
    text-align: center;
    padding: 1.5rem 2rem .5rem;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

        #reg-layout .note.note--w {
            padding: 1.5rem 1rem .5rem;
            color: #000;
        }

#reg-layout .btn {
    padding: 1px 10px;
    /*  border-radius: 2.4rem;*/
    display: inline-block;
    cursor: pointer;
    transition: .2s linear;
    background: #758eb7;
    color: #000;
    text-decoration: none;
    font: 600 1.7rem "Mukta Vaani",sans-serif;
    border-width: 0;
    margin-bottom: .5rem;
    margin-top: 10px;
    width: 100%;
    max-width: 22rem;
    box-shadow: 2px 3px 2px rgba(166,165,165,.16);
}

    #reg-layout .btn.btn-primary {
        background: #636efe;
        border: 1px solid black;
        transition: 0.3s;
        padding: 10px;
    }

        #reg-layout .btn.btn-primary:hover {
            background: #636efe;
            border: 1px solid #fff;
            color: #fff;
            transition: 0.3s;
        }

    #reg-layout .btn.btn-secondary {
        background: #636efe;
        font-size: 17px;
        border: 1px solid #000000;
        transition: 0.6s;
        padding: 10px 0px;
    }

        #reg-layout .btn.btn-secondary:hover {
            background: #636efe;
            border: 1px solid #000;
            color: #fff;
            transition: 0.6s;
        }
        ::placeholder{
            color:black !important;
        }
#reg-layout .form-input {
    display: block;
    height: 5rem;
    line-height: 8rem;
    padding: 0 1rem;
    box-sizing: border-box;
    border: 1px solid #000000b8;
    background-color: #636efe;
    width: 100%;
    transition: border-color .2s linear;
    font: 300 1.6rem "Cairo",Arial,Helvetica,sans-serif;
    color: #000;
    font-weight: bold;
    /* border-radius: 20px;*/
}

#reg-layout .form-input:focus {
    border-color: rgba(221,142,50,.8);
    box-shadow: 0 0 4px #ffd14d
}

#reg-layout .form-row {
    padding: 0 0 1rem
}

#reg-layout .divider {
    position: relative;
    display: block;
    height: 1px;
    background: hsla(0,0%,50.2%,.13);
    margin: 3.5rem 1rem 2.5rem;
}

#reg-layout .divider:before {
    position: absolute;
    top: -18px;
    left: calc(50% - 17px);
    font-size: 1.6rem;
    color: #b770c1;
    font-family: "icomoon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    transform: scaleX(.92);
    background: #fff;
    padding: 1rem;
	text-indent: -9999px;
    width: 18px;
    height: 18px;
    border: solid 2px;
    border-radius: 100%;
}

#reg-layout .reg-footnote {
    position: relative;
    margin: 4rem 0 -1rem;
    font-size: 1.6rem
}

#reg-layout .reg-footnote a,#reg-layout .reg-footnote a:visited {
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
}

#reg-layout .reg-footnote a:after {
    content: "";
    border-bottom: 1px dotted #6b5de4
}

#reg-layout .reg-footnote a:hover {
    color: #e08e49
}

#reg-layout .error_msg {
    padding: .4rem 2rem;
    background: #d35662;
    font: 300 1.7rem "Mukta Vaani",sans-serif;
    text-align: center;
    color: #fff;
    margin-bottom: 1rem
}

#reg-layout .icon-telegram-app:before {
    content: "\e900"
}

#reg-layout .footer-section {
    position: absolute;
    left: 0;
    bottom: 1.3rem;
    width: 100%;
    text-align: center;
    height: 3.3rem;
    font-size: 1.6rem;
    color:#000;
    font-weight:bold;

}

#reg-layout .footer-section:before {
    content: "";
    display: inline-block;
    width: 4.8rem;
    height: 3.3rem;
    background: url(/images/member/logo.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 1rem
}

#reg-layout .footer-section .reg-options {
    display: inline-block;
    padding-left: 1rem
}

#reg-layout .footer-section .reg-options a,#reg-layout .footer-section .reg-options a:visited {
    color: #6976b7;
    text-decoration: none;
    font-size: 2.2rem;
    vertical-align: middle
}

#reg-layout .footer-section .reg-options a:hover {
    color: #e08e49
}

#reg-layout .reg-options {
    position: absolute;
    left: calc(50% - 1.8rem);
    bottom: -6rem
}

#reg-layout .reg-options a,#reg-layout .reg-options a:visited {
    display: inline-block;
    background: hsla(0,0%,100%,.73);
    padding: 1rem;
    border-radius: 21rem;
    line-height: 1rem;
    color: #6976b7;
    text-decoration: none;
    font-size: 2.2rem;
    vertical-align: middle
}

#reg-layout .reg-options a:hover {
    color: #e08e49
}

.join-layout .Toastify {
    z-index: 9999
}

.join-layout .Toastify:empty {
    display: none
}

.join-layout .Toastify:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(7,5,16,.8)
}

.Toastify__toast--default {
    box-shadow: 0 0 0!important;
    color: #231e30!important;
    font: 300 1.7rem/2rem "Mukta Vaani",Arial,Helvetica,sans-serif!important;
    background: none!important
}

.Toastify .modal-container {
    position: relative;
    background: #fff;
    max-width: 39rem;
    width: 100%;
    margin: 3rem auto;
    box-shadow: 0 3px 2.6rem rgba(139,124,179,.17);
    box-sizing: border-box;
    padding: 5rem 3rem 3rem;
    text-align: center
}

.Toastify .ico-notification {
    position: absolute;
    left: calc(50% - 3.75rem);
    top: -3.5rem;
    display: block;
    width: 7.5rem;
    height: 6.9rem;
    background: url(/images/public/icon-notification.png) no-repeat;
    background-size: contain
}

.Toastify .modal-title {
    color: #fff;
    text-align: center;
    display: block;
    font: 600 2.7rem "Cairo",sans-serif;
    padding: 0 0 1.5rem
}

.Toastify .modal-heading {
    color: #b17dbf;
    text-align: center;
    display: block;
    font: 600 2rem/2rem "Cairo",sans-serif;
    padding: 2rem 0 .5rem
}

.Toastify .btn {
    max-width: 11rem!important;
    padding: .5rem 1rem!important
}

#reg-layout .Toastify .form-input {
    display: block;
    height: 3.6rem;
    padding: 0 1rem;
    box-sizing: border-box;
    border: 1px solid rgba(108,110,122,.7);
    background-color: rgba(218,217,221,.7);
    width: 100%;
    transition: border-color .2s linear;
    font: 300 1.6rem/3.6rem "Mukta Vaani",Arial,Helvetica,sans-serif
}

.Toastify .wdg-box {
    position: relative;
    padding: 0 0 1rem
}

button.Toastify__close-button--default {
    color: #fff;
    opacity: .3;
    position: absolute;
    right: 0
}

.Toastify .fast-msg-box {
    position: absolute;
    background: #609b4a;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    z-index: 99;
    top: 3.6rem;
    left: 0;
    overflow: hidden;
    max-height: 0;
    transition: all .3s linear
}

.Toastify .fast-msg-box.copied {
    max-height: 10rem;
    padding: .1rem 0
}

@font-face {
    font-family: "fonticon";
    src: url(/fonts/member/icomoon.eot?b702w9);
    src: url(/fonts/member/icomoon.eot?b702w9#iefix) format("embedded-opentype"),url(/fonts/member/icomoon.woff2?b702w9) format("woff2"),url(/fonts/member/icomoon.ttf?b702w9) format("truetype"),url(/fonts/member/icomoon.woff?b702w9) format("woff"),url(/fonts/member/icomoon.svg?b702w9#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#member-layout .icon-border-left:before {
    content: "\e92f"
}

#member-layout .icon-navigation-panel:before {
    content: "\e92e"
}

#member-layout .icon-navigation:before {
    content: "\e930"
}

#member-layout .icon-graph:before {
    content: "\e923"
}

#member-layout .icon-linked:before {
    content: "\e924"
}

#member-layout .icon-arrow-left:before {
    content: "\e925"
}

#member-layout .icon-exchange:before {
    content: "\e926"
}

#member-layout .icon-blockchain:before {
    content: "\e927"
}

#member-layout .icon-profit:before {
    content: "\e928"
}

#member-layout .icon-group:before {
    content: "\e929"
}

#member-layout .icon-update:before {
    content: "\e92a"
}

#member-layout .icon-forward:before {
    content: "\e92b"
}

#member-layout .icon-user-account:before {
    content: "\e92c"
}

#member-layout .icon-arrow-right:before {
    content: "\e92d"
}

#member-layout .icon-link:before {
    content: "\e91d"
}

#member-layout .icon-process:before {
    content: "\e91b"
}

#member-layout .icon-life-cycle:before {
    content: "\e91c"
}

#member-layout .icon-account:before {
    content: "\e916"
}

#member-layout .icon-combo-chart:before {
    content: "\e917"
}

#member-layout .icon-genealogy:before {
    content: "\e918"
}

#member-layout .icon-flow-chart:before {
    content: "\e919"
}

#member-layout .icon-growth:before {
    content: "\e90b"
}

#member-layout .icon-network:before {
    content: "\e90c"
}

#member-layout .icon-members:before {
    content: "\e90d"
}

#member-layout .icon-chart-up:before {
    content: "\e90e"
}

#member-layout .icon-checkmark:before {
    content: "\e902"
}

#member-layout .icon-apply:before {
    content: "\e903"
}

#member-layout .icon-customer:before {
    content: "\e91a"
}

#member-layout .icon-user:before {
    content: "\e904"
}

#member-layout .icon-hexagon:before,.cp-page .icon-hexagon:before {
    content: "\e905"
}

#member-layout .icon-data-transfer:before {
    content: "\e90f"
}

#member-layout .icon-change:before {
    content: "\e910"
}

#member-layout .icon-timeline:before {
    content: "\e911"
}

#member-layout .icon-blockchain-tech:before {
    content: "\e912"
}

#member-layout .icon-workflow:before {
    content: "\e913"
}

#member-layout .icon-broadcasting:before {
    content: "\e914"
}

#member-layout .icon-slider:before {
    content: "\e915"
}

#member-layout .icon-telegram-app:before {
    content: "\e900"
}

#member-layout .icon-expand-arrow:before {
    content: "\e901"
}

#member-layout .icon-copy:before {
    content: "\e906"
}

#member-layout .icon-graph-up:before {
    content: "\e907"
}

#member-layout .icon-contract:before {
    content: "\e908"
}

#member-layout .icon-benefits:before {
    content: "\e909"
}

#member-layout .icon-smart:before {
    content: "\e90a"
}

#member-layout .icon-cycle:before {
    content: "\e91e"
}

#member-layout .icon-purchase:before {
    content: "\e91f"
}

#member-layout .icon-money-received:before {
    content: "\e920"
}

#member-layout .icon-money-lost:before {
    content: "\e921"
}

#member-layout .icon-sale:before {
    content: "\e922"
}

#member-layout .icon-multiply:before {
    font-family: "icomoon"!important;
    content: "\e911"
}

* {
    margin: 0;
    padding: 0
}

a {
    outline: none;
    border: none
}

:after,:before {
    box-sizing: border-box
}

img {
    border: none;
    display: block
}

html {
    font-size: 62.5%;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,html {
    width: 100%;
    height: 100%
}

body {
    position: relative;
    font: 300 1.8rem/2.4rem "Cairo",Arial,Helvetica,sans-serif;
    color: #231e30
}

#member-layout .page-wrapper {
    position: relative;
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    box-sizing: border-box;
    margin: 0 auto
}

#member-layout p {
    margin-bottom: 3.6rem
}

#member-layout .center {
    text-align: center!important
}

#member-layout .mb-n {
    margin-bottom: 0!important
}

#member-layout .mb-25 {
    margin-bottom: 2.5rem!important
}

#member-layout .spacer-10 {
    width: 100%;
    clear: both;
    height: 10rem
}

#member-layout .spacer-5 {
    width: 100%;
    clear: both;
    height: 5rem
}

#member-layout .txt-yellow {
    color: #ee6d17
}

#member-layout .txt-color-1 {
    color: #aa5c85
}

#member-layout.page-container,#root {
    position: relative;
    display: flex;
    justify-content: flex-start;
    min-height: 100%;
    align-items: stretch;
    width: 100%
}

#member-layout .left-panel {
    position: relative;
    display: block;
    width: 23.2rem;
    padding: 0 1.3rem;
    background: #000644 !important;
    box-sizing: border-box;
    color: #7c7987;
    font: 300 1.6rem "Cairo",Arial,Helvetica,sans-serif;
    transition: all .2s linear
}

.left-panel-off .left-panel {
    transform: translateX(-23.2rem);
    width: 0!important;
    padding: 0!important
}

#member-layout .main-panel {
    position: relative;
    flex-grow: 1;
    background: #ecedf1;
    background: #f2f2f5
}

#member-layout .wdg-logo {
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#member-layout .wdg-logo a {
    display: block;
    width: 12.9rem;
    height: 1.8rem;
    margin-bottom: -150px!important;
    background: url(/images/member/logo-text.png) no-repeat;
    background-size: contain;
}

#member-layout .wdg-divider {
    display: block;
    height: 1px;
    margin-bottom: 3rem;
    background: hsla(0,0%,100%,.1)
}

#member-layout .wdg-avatar {
    display: block;
    width: 9.6rem;
    height: 6.7rem;
    margin: 0 auto 2rem;
    background: url(/images/member/logo.png) 50% no-repeat;
    background-size: contain;
    text-indent: -999em;
    transform: translateX(-1rem)
}

#member-layout .wdg-user {
    text-align: center;
    margin-bottom: 3.4rem;
    line-height: 1rem
}

#member-layout .wdg-user .user-id {
    display: block;
    font: 400 2rem "Cairo",sans-serif;
    color: #fea737
}

#member-layout .wdg-box {
    position: relative;
    background: #34364d;
    border-radius: 5px;
    margin-bottom: 2px;
    color: #fff;
    padding: .6rem 2rem
}

#member-layout .wdg-box:before {
    content: "";
    position: absolute;
    left: -1px;
    top: calc(50% - 9px);
    display: block;
    width: 3px;
    height: 20px
}

#member-layout .wdg-box.primary:before {
    background: #3dae5e
}

#member-layout .wdg-box.secondary:before {
    background: #4f94b3
}

#member-layout .wdg-income .secondary {
    background: rgba(52,54,77,.61);
    line-height: 1.2rem;
    padding: .5rem 2rem .1rem
}

#member-layout .wdg-income .amount {
    display: block;
    font: 500 2rem "Mukta Vaani",sans-serif
}

#member-layout .wdg-income .label-amount {
    display: block;
    font: 300 1.2rem/1rem "Cairo",sans-serif;
    color: rgba(168,162,184,.7)
}

#member-layout .wdg-income,#member-layout .wdg-links {
    margin-bottom: 1.5rem
}

#member-layout .wdg-income .wdg-box i {
    font-size: 1.2rem;
    color: #d6d6db
}

#member-layout .currency-change {
    position: absolute;
    top: 1.3rem;
    right: .7rem;
    z-index: 99
}

#member-layout .currency-change .submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    cursor: pointer
}

#member-layout .currency-change:hover .submenu-toggle i {
    color: #3dae5e
}

#member-layout .currency-change ul {
    display: none;
    top: 2.4rem;
    right: 0;
    list-style: none;
    background: #fff;
    line-height: 2rem;
    padding: .4rem 0
}

#member-layout .currency-change ul li {
    padding: .3rem 1rem;
    font: 300 1.6rem/2rem "Mukta Vaani",sans-serif
}

#member-layout .currency-change ul li a,#member-layout .currency-change ul li a:visited {
    text-decoration: none;
    color: #000
}

#member-layout .currency-change ul li a:hover {
    color: #fbae1c
}

#member-layout .currency-change:hover ul {
    position: absolute;
    display: block
}

#member-layout .wdg-links .wdg-input-box {
    background: none;
    border: 0;
    color: #a8a2b8;
    font: 300 1.6rem "Cairo",sans-serif;
    max-width: 17.5rem
}

#member-layout .wdg-actions {
    display: flex;
    justify-content: flex-end;
    padding: 1rem .7rem 0
}

#member-layout .wdg-actions a,#member-layout .wdg-actions a:visited,#member-layout .wdg-actions button {
    color: #fbae1c;
    font: 500 1.2rem "Mukta Vaani",sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    cursor: pointer;
    border: 0;
    display: inline-block;
    padding-left: 2rem;
    outline: none
}

#member-layout .wdg-actions i {
    position: relative;
    top: .2rem;
    font-size: 1.5rem;
    display: inline-block;
    padding-right: .5rem
}

#member-layout .wdg-actions a:hover,#member-layout .wdg-actions button:hover {
    color: #b3a798
}

#member-layout .wdg-actions a,#member-layout .wdg-actions a:visited {
    color: #a36747
}

#member-layout .wdg-stats {
    position: relative;
    background: #202033;
    border-radius: 5px;
    margin: 0 2rem 3rem;
    color: #fff;
    padding: 3rem 2rem;
    text-align: center
}

#member-layout .wdg-stats .stats-box-icon i {
    font-size: 3.8rem;
    background: linear-gradient(180deg,#eaa142,#e56c17 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .wdg-stats .stats-box {
    padding-top: 2.5rem;
    color: rgba(168,162,184,.5)
}

#member-layout .wdg-stats .stats-box:before {
    content: "";
    display: block;
    width: 3.2rem;
    height: 2px;
    background: #0a0a0f;
    margin: 0 auto 2.5rem
}

#member-layout .wdg-stats .stats-box-icon+.stats-box:before {
    content: none
}

#member-layout .wdg-stats .stats-value {
    font: 600 2.4rem/2.4rem "Mukta Vaani",sans-serif;
    color: hsla(0,0%,100%,.9)
}

#member-layout .stats-label {
    position: relative;
    line-height: 1.8rem
}

#member-layout .top-bar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    height: 6rem;
    width: calc(100% - 23.2rem);
    display: flex;
    padding-left: 1.8rem;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    transition: .2s linear
}

.left-panel-off #member-layout .top-bar-wrapper {
    width: 100%
}

#member-layout .toggle-menu {
    position: relative;
    display: block;
    cursor: pointer;
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    display: none
}

#member-layout [data-menu=collapse] .toggle-menu {
    height: 1.4rem
}

#member-layout [data-menu=collapse] .toggle-menu span {
    margin: .6rem 0;
    display: block;
    width: 2rem;
    height: 2px;
    background: #4d4854
}

#member-layout [data-menu=collapse] .toggle-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2rem;
    height: 2px;
    background: #4d4854
}

#member-layout [data-menu=collapse] .toggle-menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 2rem;
    height: 2px;
    background: #4d4854
}

#member-layout [data-menu=collapse] .toggle-menu i {
    display: none
}

#member-layout .toggle-menu i {
    font-size: 3.4rem;
    color: #4d4854;
    line-height: 3rem
}

#member-layout .toggle-menu:hover i {
    color: #be86e3
}

#member-layout .toggle-menu:hover:after,#member-layout .toggle-menu:hover:before,#member-layout .toggle-menu:hover span {
    background: #be86e3
}

#member-layout .toggle-panel {
    cursor: pointer
}

.left-panel-off .toggle-panel {
    height: 6rem;
    line-height: 7rem;
    width: 5.4rem;
    background: rgba(41,40,57,.9);
    margin-left: -1.8rem;
    text-align: center
}

#member-layout .toggle-panel i {
    font-size: 3.2rem;
    background: linear-gradient(0deg,#e56c17,#ea9e40);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .toggle-panel:hover i {
    background: #be86e3;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .top-bar-wrapper .wdg-logo {
    display: none
}

.left-panel-off .top-bar-wrapper .wdg-logo {
    display: flex!important;
    margin-right: auto;
    margin-left: 3rem
}

#member-layout .top-bar-wrapper .wdg-logo a {
    display: block;
    width: 19.7rem;
    height: 4rem;
    background: url(/images/member/logo-sm-screen.png) no-repeat;
    background-size: contain;
    text-indent: -999em
}

#member-layout .close-panel {
    display: none
}

#member-layout .menu-nav {
    list-style: none;
    display: flex;
    justify-content: flex-end
}

#member-layout .menu-nav a,#member-layout .menu-nav a:visited {
    font: 400 1.5rem/2.4rem "Cairo","Mukta Vaani",sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #130d26
}

#member-layout .menu-nav a:hover {
    color: #dd8d28
}

#member-layout .menu-nav>li {
    position: relative;
    padding-right: 2.6rem
}

#member-layout .menu-nav>li[data-submenu]:after {
    content: "\e901";
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #130d26;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: .5rem
}

#member-layout .menu-nav li i {
    vertical-align: middle;
    font-size: 2.2rem;
    color: #5b78c7
}

#member-layout .flags {
    position: relative;
    padding-left: 4rem
}

#member-layout .flags:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3.4rem;
    height: 2.85rem;
    text-indent: -999em
}

#member-layout .flags.flag-en:before {
    background: url(/images/member/flag-usa.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-sp:before {
    background: url(/images/member/flag-spain.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-bg:before {
    background: url(/images/member/flag-bulgaria.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-ru:before {
    background: url(/images/member/flag-russia.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-in:before {
    background: url(/images/member/flag-india.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-ge:before {
    background: url(/images/member/flag-germany.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-me:before {
    background: url(/images/member/flag-mexico.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-co:before {
    background: url(/images/member/flag-colombia.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-fr:before {
    background: url(/images/member/flag-france.svg) 50% no-repeat;
    background-size: contain
}

#member-layout .flags.flag-br:before {
    background: url(/images/member/flag-brazil.svg) 50% no-repeat;
    background-size: contain
}

.flags.flag-jp:before {
    background: url(/images/member/flag-japan.svg) 50% no-repeat;
    background-size: contain
}

.flags.flag-rc:before {
    background: url(/images/member/flag-china.svg) 50% no-repeat;
    background-size: contain
}

.flags.flag-ko:before {
    background: url(/images/member/flag-korea.svg) 50% no-repeat;
    background-size: contain
}

.flags.flag-ar:before {
    background: url(/images/member/flag-arabia.png) 50% no-repeat;
    background-size: contain
}

.submenu .flags:before {
    top: -2px!important;
    transform: scale(.85)
}

.submenu .flags {
    font-size: 1.4rem!important;
    padding-left: 3.6rem!important
}

#member-layout .submenu {
    position: absolute;
    top: 2.8rem;
    left: -1rem;
    max-height: 0;
    overflow: hidden;
    transition: .2s linear;
    background: #fff
}

#member-layout .submenu li {
    padding: .1rem 1rem
}

#member-layout .submenu li a {
    display: inline-block;
    white-space: nowrap
}

#member-layout li:hover .submenu {
    max-height: 30rem;
    padding: 1rem .5rem
}

#member-layout .menu-nav li.sep {
    width: 1px;
    height: 2.6rem;
    background: #d0cfd4;
    padding-right: 0;
    margin-right: 2.6rem
}

#member-layout .content-wrapper {
    position: relative;
    padding: 10.4rem 4rem 10rem;
    width: 100%;
    max-width: 149rem;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

#member-layout .grid {
    padding: 0 1.2rem;
    box-sizing: border-box
}

#member-layout .grid-12 {
    width: 50%
}

#member-layout .grid-1 {
    width: 100%
}

#member-layout .box {
    position: relative;
    border-radius: 1rem;
    padding: 3.4rem 5rem
}

#member-layout .box.default {
    background: #fff;
    box-shadow: 0 0 1rem rgba(193,202,217,.2)
}

#member-layout .features-1 {
    background: #3b0e61;
    background: linear-gradient(93deg,#3b1164,#40489d);
    box-shadow: 0 0 1rem rgba(26,35,49,.2)
}

#member-layout .features-2 {
    background: #3b0e61;
    background: linear-gradient(93deg,#363c8b,#27286e);
    box-shadow: 0 0 1rem rgba(26,35,49,.2)
}

#member-layout .features-1:before {
    background: #30c8e7
}

#member-layout .features-1:before,#member-layout .features-2:before {
    content: "";
    position: absolute;
    top: 5.7rem;
    left: 0;
    display: block;
    width: .5rem;
    height: 6rem
}

#member-layout .features-2:before {
    background: #ac54fe
}

#member-layout .features-1:after,#member-layout .features-2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 21.2rem;
    height: 15rem;
    background: url(/images/member/bg-ft-box.png);
    background-size: contain
}

#member-layout .features-1 i.icon-expand-arrow,#member-layout .features-2 i.icon-expand-arrow {
    position: absolute;
    top: 2.2rem;
    right: 1.8rem;
    font-size: 1.4rem;
    color: #d8daeb
}

#member-layout .gen-comp-plan {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#member-layout .gen-comp-plan i.icon-smart {
    font-size: 5.6rem
}

#member-layout .features-1 i.icon-smart {
    background: linear-gradient(93deg,#af42f2,#34adef 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .features-2 i.icon-smart {
    background: linear-gradient(93deg,#f99744,#ec530f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .gcp-description {
    padding-left: 3rem;
    flex-grow: 1;
    max-width: calc(100% - 24rem)
}

#member-layout .gcp-title {
    position: relative;
    font: 300 2rem "Cairo",sans-serif;
    color: #a8a7e1;
    padding-bottom: .6rem;
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

#member-layout .gcp-title:before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -2px;
    width: 3px;
    height: 3px;
    background: hsla(0,0%,100%,.53)
}

#member-layout .gcp-title span {
    font: 500 2.4rem "Mukta Vaani",sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 2rem
}

#member-layout .gcp-income {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
    font: 500 2.2rem/3.6rem "Mukta Vaani",sans-serif;
    color: #fff
}

#member-layout .gcp-income .cur1 {
    display: inline-block;
    padding-right: 4rem
}

#member-layout .gcp-income .cur2 i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.6rem;
    color: #7c7bc8
}

#member-layout .gcp-income .cur2 {
    position: relative;
    display: inline-block;
    padding-left: 4rem
}

#member-layout .footer-section {
    position: absolute;
    left: 0;
    bottom: 1.3rem;
    width: 100%;
    text-align: center;
    height: 3.3rem;
    font-size: 1.6rem
}

#member-layout .footer-section:before {
    content: "";
    display: inline-block;
    width: 4.8rem;
    height: 3.3rem;
    background: url(/images/member/logo.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 1rem
}

#member-layout .section-heading {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 4.4rem 0 1.5rem;
    border-bottom: 1px solid rgba(0,0,0,.08);
    margin-bottom: 1rem;
    align-items: baseline
}

#member-layout .section-heading h2 {
    font: 600 2.6rem/3.6rem "Cairo",sans-serif;
    color: #4a4459
}

#member-layout .section-heading h2 i {
    font-size: 4rem;
    display: inline-block;
    padding-right: 2rem;
    color: #58545b;
    vertical-align: middle
}

#member-layout .box-action-wrapper {
    font: 300 1.6rem "Mukta Vaani",sans-serif;
    color: #231e30;
    display: flex
}

#member-layout .fast-menu {
    position: relative;
    padding: 0 2rem
}

#member-layout .fast-menu:after {
    content: "\e901";
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #130d26;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: .5rem;
    position: absolute;
    top: .8rem;
    right: 0
}

#member-layout .fast-menu ul {
    position: absolute;
    right: .8rem;
    z-index: 9999;
    max-height: 0;
    overflow: hidden;
    transition: .2s linear;
    background: #fff
}

#member-layout .fast-menu:hover ul {
    max-height: 20rem;
    padding: 1rem .5rem;
    box-shadow: 0 0 1rem rgba(26,35,49,.1)
}

#member-layout .fast-menu a,#member-layout .fast-menu a:visited {
    display: inline-block;
    padding: .3rem 2rem;
    white-space: nowrap;
    text-decoration: none;
    color: #130d26
}

#member-layout .fast-menu a:hover {
    color: #dd8d28
}

#member-layout .card-listing ul {
    list-style: none
}

#member-layout .card-listing>ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

#member-layout .tier-listing>ul>li {
    width: 16.6%;
    box-sizing: border-box;
    padding: .5rem;
    flex-grow: 1;
    min-width: 20rem
}

#member-layout .card {
    position: relative;
    background: #fff;
    border-radius: .6rem;
    box-shadow: 0 0 1.2rem rgba(26,35,49,.04);
    box-sizing: border-box;
    text-align: center;
    padding: 5rem 1.5rem 0
}

#member-layout .card .card-heading-1 {
    font: 600 2.2rem/3.6rem "Cairo",sans-serif;
    color: #3d4060
}

#member-layout .card-index {
    position: absolute;
    top: -5px;
    right: calc(50% - 1.3rem);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.7rem
}

#member-layout .card-index span {
    position: relative;
    color: #fff;
    font: 500 1.7rem "Cairo",sans-serif;
    z-index: 202
}

#member-layout .card-index:after {
    color: #8b73a2;
    top: 0;
    z-index: 201
}

#member-layout .card-index:after,#member-layout .card-index:before {
    content: "\e905";
    font-family: "fonticon"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3.2rem;
    display: inline-block;
    position: absolute;
    left: 0
}

#member-layout .card-index:before {
    color: #e6e6e6;
    top: 2px;
    z-index: 200
}

#member-layout .tiers--1 li:first-child .card-index:after {
    color: #fad181
}

#member-layout .tiers--1 li:nth-child(2) .card-index:after {
    color: #faac6a
}

#member-layout .tiers--1 li:nth-child(3) .card-index:after {
    color: #f09191
}

#member-layout .tiers--1 li:nth-child(4) .card-index:after {
    color: #ae6378
}

#member-layout .tiers--1 li:nth-child(5) .card-index:after {
    color: #9e487a
}

#member-layout .tiers--1 li:nth-child(6) .card-index:after {
    color: #8a5082
}

#member-layout .tiers--1 li:nth-child(7) .card-index:after {
    color: #6a359c
}

#member-layout .tiers--1 li:nth-child(8) .card-index:after {
    color: #804fb3
}

#member-layout .tiers--1 li:nth-child(9) .card-index:after {
    color: #9969c7
}

#member-layout .tiers--1 li:nth-child(10) .card-index:after {
    color: #826fe1
}

#member-layout .tiers--1 li:nth-child(11) .card-index:after {
    color: #777cce
}

#member-layout .tiers--1 li:nth-child(12) .card-index:after {
    color: #695a9f
}

#member-layout .card-stats {
    position: relative;
    border-top: 1px solid #f0f0f2;
    display: flex;
    justify-content: space-between;
    color: #6a676c;
    font: 500 1.2rem "Cairo",sans-serif;
    text-transform: uppercase;
    margin: 0 -1.5rem;
    padding: 1.5rem
}

#member-layout .card-stats:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: 100%;
    width: 1px;
    background: #f0f0f2
}

#member-layout .card-stats span {
    color: #535571;
    font: 600 1.55rem "Cairo",sans-serif;
    display: inline-block;
    padding-left: .2rem
}

#member-layout .label-purchased {
    background: linear-gradient(90deg,#7da66e,#77a168);
    color: #fff;
    font-size: 1.3rem;
    display: inline-block;
    padding: .1rem .8rem;
    border-radius: 3px;
    margin-top: .2rem
}

#member-layout .label-purchased i {
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    padding-right: .5rem;
    padding-bottom: .2rem
}

#member-layout .label-not-available {
    background: rgba(165,156,174,.8);
    padding: .1rem .8rem
}

#member-layout .label-buy,#member-layout .label-not-available {
    color: #fff;
    font-size: 1.3rem;
    display: inline-block;
    border-radius: 3px;
    margin-top: .2rem
}

#member-layout .label-buy {
    position: relative;
    background: #e26e88;
    background: linear-gradient(93deg,#e26e88,#a55a85);
    text-decoration: none;
    padding: .1rem 1.8rem;
    font-weight: 500
}

#member-layout .label-buy:hover {
    background: #d46c4f
}

#member-layout .label-buy:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #a55a85;
    -webkit-animation: focus 1.2s ease-out infinite;
    animation: focus 1.2s ease-out infinite;
    border-radius: 2px
}

#member-layout .icon-links {
    text-decoration: none;
    border: 0;
    background: none;
    cursor: pointer;
    padding-left: .5rem
}

#member-layout .icon-links:hover i {
    color: #bb6597
}

#member-layout .icon-links i {
    font-size: 2rem;
    color: #7568a4
}

#member-layout .icon-links i.icon-link {
    font-size: 2.2rem
}

#member-layout .icon-links span {
    display: none
}

[data-title]:hover:after {
    opacity: 1;
    transition: all .1s ease .5s;
    visibility: visible
}

[data-title]:after {
    content: attr(data-title);
    background-color: #ffcd4d;
    color: #111;
    position: absolute;
    padding: 1px 5px 2px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 5px rgba(34,34,34,.35);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    font: 300 15px "Mukta Vaani",sans-serif
}

[data-title] {
    position: relative
}

th[data-title]:after {
    left: 0
}

[data-page],[page-data] {
    border: 0;
    background: #fff;
    display: inline-block;
    padding: .6rem .8rem;
    cursor: pointer;
    margin: 0 .2rem;
    color: #7568a4;
    font: 400 1.5rem/2.4rem "Cairo",Arial,Helvetica,sans-serif;
    border-radius: 4px;
    outline: none;
    box-shadow: 1px 1px 1px #e6d9d9
}

[data-page]:hover,[page-data]:hover {
    background: rgba(117,104,164,.63);
    color: #201c2e
}

[data-page][data-page-active] {
    box-shadow: 0 0 1px 2px #8868a4,1px 1px 1px #e6d9d9;
    cursor: auto
}

[data-page][data-page-active]:hover {
    background: #fff
}

.pagination-wrapper {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination-label {
    font: 300 1.7rem "Mukta Vaani",sans-serif;
    padding-right: 1rem
}

#page-state {
    display: none
}

#page-state.loading {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 46px;
    height: 46px;
    left: calc(50% - 2rem);
    top: 50vh;
    background: #fff;
    box-shadow: 0 0 0 4px #fff,0 2px 10px grey;
    border-radius: 50px
}

#page-state.loading span {
    position: absolute;
    bottom: -3rem;
    font: 400 1.7rem "Mukta Vaani",sans-serif;
    display: block;
    width: 10rem;
    text-align: center;
    left: calc(50% - 5rem);
    color: #393838
}

#page-state.loading:after {
    background: url(/images/member/anim-ring2.png) no-repeat;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
    opacity: .8
}

#page-state.loading:after,#page-state.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px
}

#page-state.loading:before {
    z-index: 9;
    background: url(/images/member/anim-ring3.png) no-repeat;
    -webkit-animation: loading .8s linear infinite;
    animation: loading .8s linear infinite
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.sp-flx {
    display: flex;
    justify-content: space-between;
    max-width: 42rem;
    margin: 0 auto
}

@-webkit-keyframes focus {
    0% {
        transform: scaleX(1) scaleY(1)
    }

    40% {
        transform: scaleX(1.2) scaleY(1.4);
        opacity: 0
    }

    to {
        transform: scaleX(1.2) scaleY(1.4);
        opacity: 0
    }
}

@keyframes focus {
    0% {
        transform: scaleX(1) scaleY(1)
    }

    40% {
        transform: scaleX(1.2) scaleY(1.4);
        opacity: 0
    }

    to {
        transform: scaleX(1.2) scaleY(1.4);
        opacity: 0
    }
}

#member-layout .tree-view {
    text-align: center;
    padding-bottom: 2.5rem;
    position: relative;
    top: .4rem
}

#member-layout .tree-view a {
    text-decoration: none;
    position: relative
}

#member-layout .tree-view ul {
    position: relative;
    padding: 1.5rem 0 0;
    display: flex;
    justify-content: space-between;
    max-width: 14rem;
    margin: 0 auto
}

#member-layout .tree-view ul:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: 1.3rem;
    width: 1px;
    background: url(/images/member/dsh-line-v.png)
}

#member-layout .tree-view ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    display: block;
    height: 1px;
    width: 100%;
    background: url(/images/member/dsh-line-h.png)
}

#member-layout .tree-view ul li {
    position: relative;
    width: auto;
    padding: 1.6rem 0 0;
    flex-grow: 1
}

#member-layout .tree-view ul li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    height: 1.4rem;
    width: 1px;
    background: url(/images/member/dsh-line-v.png)
}

#member-layout .tree-view ul li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#member-layout .tree-view ul li:last-child:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 1px;
    width: 50%;
    background: #fff
}

#member-layout .tree-view ul li li {
    padding-top: 1.3rem
}

#member-layout .tree-view ul li li:after {
    height: 1.1rem
}

#member-layout .tree-view i.icon-customer {
    position: absolute;
    width: 2.6rem;
    text-align: center;
    display: none;
    padding-top: .7rem;
    z-index: 9;
    pointer-events: none;
    font-size: 2.2rem
}

#member-layout .tree-view i.icon-hexagon {
    font-size: 3rem;
    background: linear-gradient(180deg,#f3f2f5,#e8e0eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .tree-view ul .leaf-1>a i.icon-hexagon {
    font-size: 3rem;
    background: linear-gradient(180deg,#a0a1dd,#7585c9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .tree-view .leaf-2>a i.icon-hexagon {
    font-size: 3rem;
    background: linear-gradient(180deg,#e5a490,#d28685);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .tree-view .leaf-3>a i.icon-hexagon {
    font-size: 3rem;
    background: linear-gradient(180deg,#c48cbd,#9a5b88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#member-layout .leaf-1>i.icon-customer,#member-layout .leaf-2>i.icon-customer,#member-layout .leaf-3>i.icon-customer {
    display: inline-block;
    color: #fff
}

#member-layout .leaf-reentry>i.icon-customer {
    font-size: 1.5rem;
    padding-top: .8rem
}

#member-layout .leaf-reentry>i.icon-customer:before {
    content: "\e91b"
}

#member-layout .leaf-cycle>i.icon-customer {
    font-size: 1.5rem;
    padding-top: .8rem
}

#member-layout .leaf-cycle>i.icon-customer:before {
    content: "\e91c"
}

#member-layout .legend li.leaf-cycle i.icon-customer,#member-layout .legend li.leaf-reentry i.icon-customer {
    position: relative;
    vertical-align: middle;
    color: #4f405e;
    padding-top: 0
}

#member-layout .card-state-off {
    opacity: .8;
    background: hsla(0,0%,100%,.57)
}

#member-layout .tier-listing {
    padding-bottom: 2rem
}

#member-layout .fast-stats:after {
    content: "";
    display: inline-block;
    height: 1.5rem;
    width: 1px;
    background: #ccc;
    margin-left: 1.5rem
}

#member-layout .fast-stats span {
    font-weight: 500;
    font-size: 1.8rem
}

#member-layout .fast-stats i.icon-checkmark {
    color: #78aa00;
    font-size: 2.4rem;
    padding-right: .5rem;
    vertical-align: middle
}

#member-layout .info-section {
    position: relative;
    font: 200 1.5rem "Mukta Vaani",sans-serif;
    color: #231e30;
    padding: 0 .5rem 2rem 1rem
}

#member-layout .info-label {
    text-transform: uppercase;
    font: 500 1.2rem "Cairo",sans-serif
}

#member-layout .legend {
    list-style: none;
    display: flex
}

#member-layout .legend li {
    padding: .2rem 2rem .2rem .2rem
}

#member-layout .legend li i.icon-customer {
    display: inline-block;
    color: #fff;
    position: absolute;
    width: 2rem;
    text-align: center;
    padding-top: .9rem
}

#member-layout .legend li.leaf-1 i.icon-hexagon {
    font-size: 2.3rem;
    background: linear-gradient(180deg,#9fa7d5,#8396c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle
}

#member-layout .legend li.leaf-2 i.icon-hexagon {
    font-size: 2.3rem;
    background: linear-gradient(180deg,#e5a490,#d28685);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle
}

#member-layout .legend li.leaf-3 i.icon-hexagon {
    font-size: 2.3rem;
    background: linear-gradient(180deg,#c48cbd,#9a5b88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle
}

#member-layout .filters-toggle {
    background: #fff;
    padding: .5rem 2rem;
    font-weight: 300;
    border-radius: .6rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .2s linear
}

#member-layout .filters-toggle:hover {
    background: #8478b0;
    color: #fff
}

#member-layout .filters-toggle i.icon-expand-arrow {
    color: #130d26;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: .5rem
}

#member-layout .filters-toggle i.icon-slider {
    color: #aa5c85;
    font-size: 1.6rem;
    display: inline-block;
    padding-right: 1rem
}

#member-layout box.filters {
    position: relative;
    background: #000
}

#member-layout .filters {
    background: rgba(46,49,102,.055);
    padding: 1.4rem 5rem 2.4rem;
    overflow: hidden;
    margin-bottom: 2rem;
    box-shadow: 0 2px 2px rgba(26,35,49,.03);
    border: 1px solid rgba(46,49,102,.07);
    border-left: 0;
    border-top: 0
}

#member-layout .filters:before {
    content: "";
    position: absolute;
    top: calc(50% - 3rem);
    left: 0;
    display: block;
    width: .5rem;
    height: 6rem;
    background: #8b73a2
}

#member-layout .filters:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 21.2rem;
    height: 15rem;
    background: url(/images/member/bg-ft-box-dark.png);
    background-size: contain
}

#member-layout .box-default {
    background: #fff;
    margin-bottom: 2rem
}

#member-layout .form-flex {
    position: relative;
    z-index: 9;
    max-width: 100rem
}

#member-layout .form-flex,#member-layout .form-row {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    flex-wrap: wrap
}

#member-layout .form-row {
    width: 100%
}

#member-layout .form-cell {
    padding: .5rem .8rem;
    width: 100%;
    box-sizing: border-box
}

#member-layout .form-cell.cell-12 {
    width: 50%
}

#member-layout .form-cell.cell-14 {
    width: 25%
}

#member-layout .form-cell label {
    font: 300 1.6rem "Mukta Vaani",sans-serif;
    line-height: 2rem;
    display: block;
    padding-bottom: .2rem
}

#member-layout .form-input {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    padding: 0 1rem;
    box-sizing: border-box;
    border: 1px solid rgba(108,110,122,.7);
    background-color: hsla(0,0%,100%,.7);
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 2px 1px rgba(211,214,227,.71);
    transition: border-color .2s linear
}

#member-layout .form-input:focus {
    border-color: rgba(221,142,50,.8);
    box-shadow: 0 0 4px #ffd14d
}

#member-layout .form-action {
    max-width: auto
}

#member-layout .btn {
    padding: .5rem 2rem;
    font-weight: 300;
    border-radius: .6rem;
    display: inline-block;
    cursor: pointer;
    transition: .2s linear;
    background: #71a858;
    color: #fff;
    text-decoration: none;
    font: 300 1.6rem "Mukta Vaani",sans-serif;
    border-width: 0;
    margin-right: 1rem
}

#member-layout .btn:hover {
    background: rgba(113,168,88,.5);
    color: hsla(0,0%,100%,.7)
}

#member-layout .btn.btn-secondary {
    background: #a59cae
}

#member-layout .btn.btn-secondary:hover {
    background: rgba(165,156,174,.5);
    color: hsla(0,0%,100%,.7)
}

#member-layout .filters .icon-data-transfer {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    font-size: 2rem;
    color: rgba(50,50,50,.5)
}

#member-layout .t-data {
    width: 100%
}

#member-layout .t-data td {
    text-align: center;
    border-bottom: 3px solid #f2f2f5;
    padding: .5rem .8rem;
    font: 300 1.6rem "Mukta Vaani",sans-serif
}

#member-layout .t-data th {
    text-align: center;
    border-bottom: 3px solid #f2f2f5;
    padding: 1rem .8rem;
    font-size: 1.7rem;
    background: #b7c9e6
}

#member-layout .t-data tbody tr:nth-child(odd) {
    background: rgba(241,241,247,.63)
}

#member-layout .table-wrapper {
    border-radius: .3rem;
    padding: 0
}

#member-layout .fast-msg-box {
    position: absolute;
    background: #609b4a;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    z-index: 99;
    top: 4rem;
    left: 0;
    overflow: hidden;
    max-height: 0;
    transition: all .3s linear
}

#member-layout .fast-msg-box.copied {
    max-height: 10rem;
    padding: .1rem 0
}

#member-layout .user-badge {
    background: linear-gradient(270deg,#5a9544,#3b7325);
    display: inline-block;
    color: #fff;
    font: 200 1.5rem "Mukta Vaani";
    padding: 0 1rem 0 .5rem;
    border-radius: 5px
}

#member-layout .user-badge i {
    font-size: 1.9rem;
    display: inline-block;
    position: relative;
    top: .2rem;
    padding-right: .3rem
}

#member-layout .td-i div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: .5rem
}

#member-layout .td-i i {
    color: #84499f;
    font-size: 2.5rem;
    padding-left: .5rem
}

#member-layout .legend-wrapper i.icon-money-lost,#member-layout .td-i i.icon-money-lost {
    color: #aa2727
}

#member-layout .legend-wrapper i.icon-money-received,#member-layout .td-i i.icon-money-received {
    color: #27aa27
}

#member-layout .legend-wrapper i.icon-cycle,#member-layout .td-i i.icon-cycle {
    font-size: 2.2rem;
    color: #eb9a20
}

#member-layout .legend-wrapper {
    display: flex;
    justify-content: flex-start;
    padding: 1rem;
    font: 300 1.8rem "Mukta Vaani",sans-serif
}

#member-layout .legend-wrapper div {
    padding-right: 3rem
}

#member-layout .legend-wrapper div i {
    color: #84499f;
    font-size: 2.5rem;
    position: relative
}

#member-layout .legend-wrapper i.icon-purchase {
    top: 3px
}

#member-layout .legend-wrapper i.icon-money-received,#member-layout .legend-wrapper i.icon-sale {
    top: 2px
}

#member-layout .legend-wrapper i.icon-money-lost {
    top: 8px
}

#member-layout .legend-wrapper i.icon-cycle {
    top: 4px
}

#member-layout .box.matrix-view-wrapper {
    display: block;
    position: relative;
    background: #fff;
    box-shadow: 0 0 1rem rgba(26,35,49,.2);
    min-height: 31.7rem;
    box-sizing: border-box;
    margin-top: 2rem;
    overflow: hidden;
    padding: 3.4rem 4rem 0
}

#member-layout .box.matrix-view-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1rem;
    z-index: 9;
    display: block;
    width: 100%;
    height: 31.7rem;
    background: url(/images/member/map.jpg) no-repeat bottom;
    background-size: contain
}

#member-layout .box.matrix-view-wrapper .box-header {
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem
}

#member-layout .box.matrix-view-wrapper .box-content {
    position: relative;
    z-index: 99
}

#member-layout .box.matrix-view-wrapper .box-h-title {
    order: 2;
    text-align: center
}

#member-layout .box.matrix-view-wrapper .box-h-controls .controller-index {
    background: #e9e9f0;
    display: inline-block;
    width: 3.7rem;
    height: 3.7rem;
    text-align: center;
    line-height: 3.7rem;
    font-weight: 500;
    color: #3f3856;
    margin: 0 .5rem;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,.07);
    transition: all .2s linear
}

#member-layout .box.matrix-view-wrapper .box-h-controls a:hover .controller-index {
    box-shadow: inset 0 0 0 2px #9c67bb;
    background: #ddd5ec
}

#member-layout .box.matrix-view-wrapper .box-h-controls .controller-label {
    display: inline-block;
    padding: 0 1rem;
    font: 300 1.7rem "Mukta Vaani",sans-serif
}

#member-layout .box.matrix-view-wrapper .box-h-controls.left {
    order: 1
}

#member-layout .box.matrix-view-wrapper .box-h-controls.right {
    order: 3
}

#member-layout .box.matrix-view-wrapper .box-h-controls a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#member-layout .box.matrix-view-wrapper .box-h-sep {
    position: absolute;
    left: 14rem;
    top: 50%;
    width: calc(100% - 28rem);
    border-bottom: 1px solid #e6e1e4
}

#member-layout .box.matrix-view-wrapper .box-h-sep:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1px solid #ccc4c9;
    transform: rotate(45deg);
    left: calc(50% - 5px);
    top: -5px
}

#member-layout .box.matrix-view-wrapper .box-h-controls i {
    font-size: 3.2rem;
    transform: scaleX(.8)
}

#member-layout .box.matrix-view-wrapper .box-h-controls.right .controller-label {
    order: 1
}

#member-layout .box.matrix-view-wrapper .box-h-controls.right .controller-index {
    order: 2
}

#member-layout .box.matrix-view-wrapper .box-h-controls.right i {
    order: 3
}

#member-layout .box.matrix-view-wrapper .box-h-controls a,#member-layout .box.matrix-view-wrapper .box-h-controls a:visited {
    text-decoration: none;
    color: #7a7980
}

#member-layout .box.matrix-view-wrapper .box-h-controls a:hover {
    color: #9c67bb
}

#member-layout .box.matrix-view-wrapper .box-h-title h1 {
    font: 600 2.6rem/3.6rem "Cairo",sans-serif;
    color: #4a4459;
    margin: -1rem 0 3.5rem
}

#member-layout .box.matrix-view-wrapper .box-h-title h3 {
    font: 300 1.7rem "Mukta Vaani",sans-serif;
    color: #de8192
}

#member-layout .box.matrix-view-wrapper .matrix-container {
    padding: 7rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

#member-layout .box.matrix-view-wrapper .mv-icon-group {
    position: relative;
    display: inline-block;
    width: 4.5rem;
    height: 5.1rem
}

#member-layout .box.matrix-view-wrapper .mv-icon-group .icon-hexagon {
    font-size: 5.1rem
}

li:first-child .mv-icon-group .icon-hexagon {
    color: #f2e1f6
}

.mv-icon-group .icon-profit {
    color: #775c7d;
    font-size: 3rem;
    position: absolute;
    top: calc(50% - 1.8rem);
    left: calc(50% - 1.5rem)
}

li:nth-child(2) .mv-icon-group .icon-hexagon {
    color: #f5dfc8
}

.mv-icon-group .icon-group {
    color: #6d4b63;
    font-size: 3rem;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem)
}

li:nth-child(3) .mv-icon-group .icon-hexagon {
    color: #d8f0d6
}

.mv-icon-group .icon-blockchain {
    color: #5f8e69;
    font-size: 3rem;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem)
}

.mv-stats-listing {
    margin-top: 2rem
}

.mv-stats-listing li {
    list-style: none;
    padding: .6rem 0
}

.mv-stats-listing li,.stats-row {
    display: flex;
    justify-content: space-between
}

.stats-row {
    width: calc(100% - 6rem);
    border-bottom: 1px solid #e6e1e8;
    align-items: center;
    padding: 0 1rem;
    box-sizing: border-box
}

.stats-row .stats-tt {
    font: 300 1.7rem "Mukta Vaani",sans-serif;
    color: rgba(71,46,84,.8)
}

.stats-row .stats-td {
    font: 500 2.2rem "Mukta Vaani",sans-serif;
    color: #24243c
}

.matrix-container .user-stats {
    width: 100%;
    max-width: 38rem;
    padding-top: 2.6rem
}

.stats-row .icon-exchange {
    font-size: 2.6rem;
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle;
    cursor: pointer;
    color: #8a6f90
}

.stats-row .icon-exchange:hover {
    color: #d8dbf2
}

.stats-td[data-toggle=default] .curr-1 {
    display: inline-block
}

.stats-td[data-toggle=default] .curr-2,.stats-td[data-toggle=secondary] .curr-1 {
    display: none
}

.mv-label,.stats-td[data-toggle=secondary] .curr-2 {
    display: inline-block
}

.mv-label {
    position: relative;
    background: #ced2ee;
    color: #3f3856;
    height: 4rem;
    line-height: 4rem;
    box-sizing: border-box;
    border-radius: .5rem;
    padding: 0 1.3rem 0 1rem;
    box-shadow: 0 0 0 2px rgba(233,231,236,.69);
    box-shadow: 0 2px 2px rgba(233,231,236,.69)
}

.mv-label i {
    font-size: 1.35rem;
    color: #7b619a
}

.mv-label span {
    font-size: 1.5rem;
    padding-right: 1.8rem;
    min-width: 11rem;
    box-sizing: border-box;
    display: inline-block;
    top: -.2rem;
    position: relative;
    font-weight: 400
}

.mv-label span:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #fff;
    margin-right: 1.2rem;
    vertical-align: middle
}

.mv-label.mv-style-2 {
    background: #ddd5ec;
    color: #3f3856;
    transition: .2s linear
}

.mv-label.mv-style-2 i {
    color: #784c8f;
    font-size: 2.3rem;
    display: inline-block;
    position: relative;
    top: 3px
}

.mv-label.mv-style-2 a,.mv-label.mv-style-2 a:visited {
    color: #3f3856
}

.mv-label.mv-style-2:hover {
    background: #cbc1e3;
    color: #342d49;
    box-shadow: 0 0 0 3px rgba(233,231,236,.69)
}

.mv-label.mv-style-3 {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: #e5e5ee;
    cursor: pointer;
    transition: .2s linear
}

.mv-label.mv-style-3 i {
    color: #b73b6f;
    color: #e86735;
    font-size: 1.9rem;
    pointer-events: none
}

.mv-label.mv-style-3:hover {
    background: #cbcbda;
    box-shadow: 0 0 0 3px rgba(233,231,236,.69)
}

.mv-label.mv-style-3 span {
    padding-right: 1.4rem;
    text-align: left;
    top: 0;
    min-width: 0;
    pointer-events: none
}

.mv-label.mv-style-3 span:before {
    background: #a78eb9
}

.mv-label.mv-style-3 span.steps {
    padding-left: 1rem;
    font: 400 1.9rem "Mukta Vaani",sans-serif
}

.mv-label.mv-style-3 span.steps:before {
    content: none
}

.history-wrapper .link-h {
    position: absolute;
    width: 5.6rem;
    top: 20px;
    right: -5.6rem
}

.history-wrapper {
    position: absolute;
    top: 23.5rem;
    left: 10rem
}

.history-down {
    position: absolute;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    line-height: 2.6rem;
    bottom: -3.3rem;
    right: 1rem
}

.history-down:before {
    position: relative;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #66565f;
    transition: .2s linear
}

.history-down:hover:before {
    border-top-color: #b35187;
    top: .4rem
}

.history-up {
    position: absolute;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    line-height: 2.6rem;
    top: -3.2rem;
    right: 1rem
}

.history-up:before {
    position: relative;
    bottom: -.8rem;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #66565f;
    transition: .2s linear
}

.history-up:hover:before {
    border-bottom-color: #b35187;
    bottom: -.4rem
}

.history-jump {
    position: absolute;
    transition: .2s linear;
    max-height: 0;
    overflow: hidden;
    background: #e5e5ee;
    box-shadow: 0 4px 4px rgba(197,190,200,.27);
    border-radius: 0 0 5px 5px;
    display: flex;
    z-index: 9;
    padding: 0 1rem;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-around
}

[data-toggle=secondary] .history-jump {
    max-height: 10rem;
    padding: 1rem
}

.history-jump input.form-input {
    width: 9rem!important;
    height: 3rem!important;
    line-height: 3rem!important
}

.history-jump button.btn {
    padding: .3rem 1rem!important;
    font: 300 1.5rem/2rem "Fira Sans","Mukta Vaani",sans-serif!important;
    border-radius: .4rem
}

.view-matrix {
    text-align: center;
    padding: 0 7rem 0 23rem
}

.curr-member-box {
    position: relative;
    display: block;
    width: 32.2rem;
    height: 20.8rem;
    background: url(/images/member/hexa.png) no-repeat;
    background-size: contain;
    text-align: center;
    padding-top: 9.4rem;
    box-sizing: border-box
}

.curr-member-box i.forward {
    position: absolute;
    top: 9rem;
    right: -1rem;
    display: block;
    width: 1rem;
    height: 1rem;
    border: .2rem solid grey;
    transform: rotate(45deg)
}

.curr-member-box span {
    display: block
}

.curr-member-box i.icon-user-account {
    position: absolute;
    font-size: 3.8rem;
    top: 4.8rem;
    left: calc(50% - 1.9rem);
    color: #d5cfe2
}

.cmb-style-1 {
    text-transform: uppercase;
    font: 400 1.5rem "Fira Sans",sans-serif;
    color: #b46b79
}

.cmb-style-2 {
    font: 500 2.8rem/3rem "Mukta Vaani",sans-serif;
    color: #2c2c3e
}

.box-sep {
    position: relative;
    z-index: 99;
    padding-top: 3rem;
    height: 6rem;
    box-sizing: border-box;
    margin-bottom: -1.6rem
}

.box-sep .arrow-up {
    position: absolute;
    font-size: 2.7rem;
    color: #8a5082;
    transform: rotate(90deg);
    top: .1rem;
    left: calc(50% - 1.05rem);
    width: 2rem;
    overflow: hidden
}

.link-v {
    width: 1px;
    height: 100%;
    background: url(/images/member/link-v.png) repeat-y
}

.link-h,.link-v {
    display: inline-block
}

.link-h {
    width: 100%;
    height: 1px;
    background: url(/images/member/link-h.png) repeat-x
}

#member-layout .view-matrix ul {
    list-style: none;
    max-width: 24rem
}

#member-layout .view-matrix .tree-view i.icon-hexagon {
    font-size: 4rem!important
}

#member-layout .view-matrix ul li a,#member-layout .view-matrix ul li a:visited {
    text-align: center;
    color: #24243c
}

#member-layout .view-matrix ul li a span {
    font: 400 1.7rem/2.4rem "Mukta Vaani",sans-serif;
    display: block;
    color: #24243c;
    margin-bottom: .3rem
}

#member-layout .view-matrix ul li a:hover span {
    color: #de8192
}

#member-layout .view-matrix .tree-view ul:before {
    background: url(/images/member/link-h.png)
}

#member-layout .view-matrix .tree-view ul:after {
    left: 0;
    width: 100%;
    background: url(/images/member/link-v.png) top repeat-y
}

#member-layout .view-matrix .tree-view .master-leaf {
    content: "";
    position: absolute;
    top: -24px;
    display: block;
    height: 4.3rem;
    width: 100%;
    background: url(/images/member/link-v.png) top repeat-y
}

#member-layout .view-matrix .tree-view ul li {
    padding-top: 2.7rem
}

#member-layout .view-matrix .tree-view ul li:after {
    background: url(/images/member/link-v.png);
    height: 2.2rem
}

#member-layout .view-matrix .tree-view ul li:first-child:after {
    background: url(/images/member/link-left.png);
    width: 1.4rem
}

#member-layout .view-matrix .tree-view ul li:last-child:after {
    background: url(/images/member/link-right.png) 100% 0;
    width: 1.4rem;
    right: 50%!important;
    left: auto
}

#member-layout .view-matrix .tree-view i.icon-customer {
    font-size: 2.4rem;
    width: 3.2rem;
    left: calc(50% - 1.6rem)
}

#member-layout .view-matrix .leaf-cycle>i.icon-customer,#member-layout .view-matrix .leaf-reentry>i.icon-customer {
    font-size: 2rem!important;
    padding-top: 1rem
}

#member-layout .matrix-view-wrapper .info-section {
    margin: 0 -4rem;
    padding: 0 3rem 2rem;
    background: hsla(0,0%,100%,.71)
}

#member-layout .user-stats.style-2 {
    padding-top: 3.8rem
}

#member-layout .user-stats.style-2 .icon-hexagon {
    display: none
}

#member-layout .user-stats.style-2 .mv-stats-listing li {
    position: relative;
    align-items: center;
    padding: .1rem 0;
    border-bottom: 1px solid #e6e1e8
}

#member-layout .user-stats.style-2 .mv-stats-listing li:before {
    content: "";
    position: absolute;
    left: -14px;
    top: calc(50% - 5px);
    display: block;
    width: 2px;
    height: 16px;
    background: #36aff8
}

#member-layout .user-stats.style-2 .stats-row {
    border: 0;
    padding: 0 1rem 0 0
}

#member-layout .user-stats.style-2 .mv-icon-group i {
    color: #534357
}

#member-layout .user-stats.style-2 .stats-row .stats-tt {
    font: 300 1.65rem "Mukta Vaani",sans-serif
}

#member-layout .user-stats.style-2 .stats-row .icon-exchange {
    color: #ac4ac8
}

#member-layout .user-stats.style-2 .stats-row .icon-exchange:hover {
    color: #824394
}

#member-layout .user-stats.style-2 .icon-blockchain,#member-layout .user-stats.style-2 .icon-group,#member-layout .user-stats.style-2 .icon-profit {
    font-size: 3.2rem
}

#member-layout .user-stats.style-2 .mv-stats-listing {
    margin-left: 18px
}

#member-layout .wdg-rank-box {
    position: relative;
    border: 1px solid hsla(0,0%,100%,.1);
    background: rgba(52,54,77,.2);
    padding-left: 1rem;
    border-left: 0;
    border-right: 0
}

#member-layout .wdg-more-link {
    text-decoration: none;
    position: absolute;
    top: calc(50% - .6rem);
    right: 1rem
}

#member-layout .wdg-more-link:hover i {
    color: #fea737
}

#member-layout .wdg-more-link i {
    transform: rotate(-90deg);
    display: block
}

#member-layout .wdg-rank {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#member-layout .wdg-rank span {
    display: block;
    font: 500 1.75rem "Mukta Vaani",sans-serif
}

#member-layout .wdg-rank .icon-rank {
    display: block;
    width: 3rem;
    height: 3.3rem;
    margin-right: 1rem
}

#member-layout .wdg-rank.rank-1 .icon-rank {
    background: url(/images/member/rank-1.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-2 .icon-rank {
    background: url(/images/member/rank-2.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-3 .icon-rank {
    background: url(/images/member/rank-3.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-4 .icon-rank {
    background: url(/images/member/rank-4.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-5 .icon-rank {
    background: url(/images/member/rank-5.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-6 .icon-rank {
    background: url(/images/member/rank-6.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-7 .icon-rank {
    background: url(/images/member/rank-7.png) no-repeat;
    background-size: contain
}

#member-layout .wdg-rank.rank-8 .icon-rank {
    background: url(/images/member/rank-8.png) no-repeat;
    background-size: contain
}

@media only screen and (min-width: 1920px) {
    #public-layout .cp-section1 {
        background-size:cover;
        background-position: center -6vw
    }

    #public-layout .cp-section1:after {
        background-size: cover
    }
}

@media only screen and (max-width: 1600px) {
    #member-layout .features-1:after,#member-layout .features-2:after {
        width:14.2rem;
        height: 10rem
    }

    #member-layout .gcp-description {
        max-width: calc(100% - 9rem)
    }

    #member-layout .box.matrix-view-wrapper .matrix-container {
        padding: 7rem 0
    }

    .history-wrapper {
        left: 2rem
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size:50%
    }

    #member-layout .box.matrix-view-wrapper .matrix-container {
        padding: 7rem
    }

    .history-wrapper {
        left: 10rem
    }
}

@media only screen and (max-width: 1280px) {
    #member-layout .gcp-income {
        flex-wrap:wrap
    }

    #member-layout .gcp-income .cur2 {
        padding-left: 0
    }

    #member-layout .box.matrix-view-wrapper .matrix-container {
        padding: 7rem 0
    }

    .history-wrapper {
        left: 4rem;
        top: 23rem
    }
}

@media only screen and (max-width: 960px) {
    #member-layout .grid-12 {
        width:100%
    }

    #member-layout .features-1 {
        margin-bottom: 2rem
    }

    #member-layout .section-heading {
        flex-wrap: wrap
    }

    #member-layout .menu-nav>li {
        position: relative;
        padding-right: 1.6rem
    }

    #member-layout .menu-nav li.sep {
        margin-right: 1.6rem
    }
}

@media only screen and (max-width: 767px) {
    #public-layout .mobile-menu-handle {
        display:flex;
        position: relative;
        z-index: 9999
    }

    #public-layout .menu-nav {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9998;
        display: none;
        width: 100%;
        background: rgba(19,16,22,.95);
        padding: 0 4rem;
        box-sizing: border-box;
        /* max-height: 0;
        overflow: hidden; */
        transition: all .2s linear
    }

    #public-layout .menu-nav li {
        border-top: 1px solid hsla(0,0%,100%,.144);
        padding: 1rem;
        text-align: center;
        font-size: 2.1rem
    }

    #public-layout .menu-nav li a i.icon-telegram-app {
        font-size: 2.6rem
    }

    #public-layout .menu-nav li.extra a {
        display: inline-block
    }

    #public-layout .menu-nav li.extra {
        padding: 2rem 1rem
    }

    .mobile-menu-handle[data-menu-panel=expanded]+.menu-nav {
        max-height: 180rem!important;
        padding: 14rem 4rem 2rem!important
    }

    #public-layout .top-bar-wrapper .logo a {
        z-index: 9999
    }

    #public-layout .plans-grid .pointer {
        display: none
    }

    #public-layout .plans-grid {
        flex-wrap: wrap;
        padding: 0 0 10.2rem
    }

    #public-layout .plans-section {
        width: 100%;
        order: 1;
        max-width: 44rem
    }

    #public-layout .plans-section .pin {
        display: none
    }

    #public-layout .plans-section:after,#public-layout .plans-section:before {
        content: none!important
    }

    #public-layout .plans-legend {
        width: 100%;
        order: 2;
        background: rgba(41,30,64,.81);
        border: 7px solid #574b7d
    }

    #public-layout .plans-grid:after {
        content: none
    }

    #public-layout .footer-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }

    #public-layout .footer-content2 {
        display: none
    }

    #public-layout .footer-content1 {
        text-align: center;
        padding-right: 0;
        width: 100%;
        padding-top: 1rem
    }

    #member-layout .toggle-menu {
        display: block
    }

    #member-layout .menu-nav {
        display: none
    }

    #member-layout .top-bar-wrapper .wdg-logo {
        display: flex!important;
        margin: 0
    }

    #member-layout .left-panel {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 9999;
        padding: 0 1.3rem 4rem;
        height: 100%;
        overflow-y: scroll
    }

    #member-layout .wdg-logo {
        display: none
    }

    #member-layout .left-panel>div {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto
    }

    #member-layout .wdg-avatar {
        margin-top: 6rem
    }

    #member-layout .close-panel {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer
    }

    #member-layout .close-panel:hover {
        color: #ffcf4c
    }

    #member-layout .close-panel i {
        font-size: 3.4rem
    }

    #member-layout .stats-label {
        line-height: 2.8rem
    }

    #member-layout [data-menu=expand] .menu-nav {
        display: none;
        position: absolute;
        width: 100%;
        display: block;
        background: #fff;
        left: 0;
        top: 0;
        padding: 3rem 3rem 0;
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0 0 20px rgba(0,0,0,.23);
        list-style: none
    }

    #member-layout .menu-nav li {
        list-style: none
    }

    #member-layout .menu-nav li.sep {
        display: none
    }

    #member-layout .menu-nav>li {
        padding: 2rem 0;
        border-bottom: 1px solid rgba(157,133,164,.22)
    }

    #member-layout .menu-nav a {
        font: 600 1.9rem/2.4rem "Cairo","Mukta Vaani",sans-serif!important
    }

    #member-layout .menu-nav>li[data-submenu]:after {
        position: absolute;
        top: 2.8rem;
        right: 12px
    }

    #member-layout .submenu {
        position: relative;
        width: 100%;
        top: 1rem;
        left: 0
    }

    #member-layout .submenu li a {
        display: block;
        background: #f2f2f5;
        margin-bottom: .2rem;
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto;
        padding: 1rem;
        border-radius: 5px
    }

    #member-layout .flags:before {
        top: 3px
    }

    #member-layout .submenu a {
        font: 300 2rem "Mukta Vaani",sans-serif!important;
        text-transform: none
    }

    .submenu .flags:before {
        top: 10px!important;
        transform: scale(1)
    }

    #member-layout .left-panel {
        font-size: 1.8rem;
        padding: 0 4rem 4rem
    }

    #member-layout .wdg-income .amount {
        display: block;
        font: 500 2.4rem "Mukta Vaani",sans-serif
    }

    #member-layout .wdg-actions a,#member-layout .wdg-actions a:visited,#member-layout .wdg-actions button {
        font: 500 1.4rem "Mukta Vaani",sans-serif
    }

    #member-layout .wdg-stats .stats-value {
        font: 600 2.8rem/2.8rem "Mukta Vaani",sans-serif
    }

    #member-layout .wdg-user .user-id {
        font: 400 2.4rem "Cairo",sans-serif
    }

    #member-layout .wdg-avatar {
        width: 12.2rem;
        height: 8rem
    }

    #member-layout .wdg-user {
        margin-bottom: 1.4rem
    }

    #member-layout .wdg-links .wdg-input-box {
        max-width: 30rem
    }

    #member-layout .legend {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 567px) {
    #public-layout .top-bar-wrapper .logo a {
        width:23.2rem;
        height: 4.7rem
    }

    #public-layout .movie-thumb {
        max-height: 61.5vw
    }

    #public-layout .icon-play-movie {
        transform: scale(.8)
    }

    #public-layout .section-stats {
        margin-top: 19.5rem
    }

    #public-layout .stats-listing ul {
        flex-wrap: wrap
    }

    #public-layout .stats-listing li {
        width: 80%;
        padding: 4rem 0 3rem;
        margin: 2rem auto 1rem;
        background: rgba(0,0,0,.22)
    }

    #public-layout .stats-listing ul:after,#public-layout .stats-listing ul:before {
        content: none
    }

    #public-layout .stats-listing ul li .sl-line {
        display: none
    }

    #public-layout .stats-listing li:first-child:before {
        content: none
    }

    #public-layout .stats-wrapper {
        padding: 2.6rem 0 4rem
    }

    #public-layout .stats-wrapper:after {
        content: none
    }

    #public-layout .stats-listing .stats-label {
        padding-top: 1rem
    }

    #public-layout .features-grid {
        flex-wrap: wrap;
        justify-content: center
    }

    #public-layout .features-section {
        width: 90%
    }

    #public-layout .features-section+.features-section {
        margin-top: 2rem
    }

    #public-layout .section-3:after,#public-layout .section-3:before {
        content: none
    }

    #member-layout .content-wrapper {
        padding: 9.4rem 1.5rem 10rem
    }

    #member-layout .box {
        padding: 3.4rem 3rem
    }

    #member-layout .table-wrapper {
        position: relative;
        padding: 0;
        overflow-x: scroll;
        background: none;
        text-align: center
    }

    #member-layout .table-wrapper:before {
        content: "Drag right/left to view the entire table";
        background: #8b769f;
        color: #fff;
        padding: .5rem 2rem;
        display: inline-block;
        margin: 1rem auto;
        border-radius: 4px
    }

    #member-layout .content-wrapper {
        max-width: 100vw
    }

    #member-layout .form-cell.cell-12 {
        width: 100%
    }

    #member-layout .form-cell.cell-14 {
        width: 50%
    }

    #member-layout .legend-wrapper,.pagination-wrapper {
        flex-wrap: wrap
    }

    #member-layout .pagination-nav {
        display: flex
    }

    #public-layout .hero-section {
        padding-top: 19rem
    }

    #public-layout .header-section h1 {
        color: #fff;
        margin-bottom: 1.8rem
    }

    #public-layout h1 {
        font: 600 4.6rem/5rem "Cairo",sans-serif
    }

    #public-layout .movie-thumb {
        z-index: 9
    }

    #public-layout .submenu {
        position: relative;
        top: 0;
        background: none
    }

    #public-layout .submenu li {
        border-top: none;
        padding: .1rem 1rem!important
    }

    #member-layout .t-data {
        min-width: 100rem
    }
}


.space_set{
    height:18px;
}

.set_z_index{

}

@media (max-width:768px){
    #reg-layout .reg-box{
        max-width:43rem;
    }
}