html
{
    width:100%;
    height:100%;
    position:absolute;
}
body {
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #191919;
    font-size: 14px;
    width:100%;
    min-height:100%;
    position:relative;
    padding-bottom:390px;
}
footer
{
    width:100%;
    position: absolute;
    bottom: 0;
    height:390px;
}

.fnt-reg {
    font-family: 'Poppins',sans-serif;
    font-weight: 400 !important;
}

.fnt-lgt {
    font-weight: 300 !important;
}

.t-white {
    color: #fff!important;
}

.t-orange {
    color: #f69222;
}

.t-blue {
    color: #000000;
}
.text-left
{
    text-align:left;
}
.text-right
{
    text-align:right;
}

.pb-20 {
    padding-bottom: 20px;
}

section {
    padding: 50px 0;
}

.btn:focus,a:focus,button:focus {
    outline: 0!important;
    box-shadow: none;
}

.x-line {
    background: #8a8a8a;
    width: 100%;
    height: 3px !important;
    max-width: 88px;
    margin: 0 auto;
    margin-bottom: 22px;
    border: 0;
    opacity: 1;
}

.x-line-left {
    margin: 0 0;
    margin-bottom: 20px;
}

.xline-grad {
    background: linear-gradient(to right, #d6d8e5, #fff);
    width: 100%;
    height: 6px;
    max-width: 350px;
    margin: 34px 0px;
    border: 0;
    border-radius: 50px;
}

.center-content {
    margin: 0 auto;
    float: none;
}

.heading-title {
    font-size: 31px;
    line-height: 40px;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}

.content {
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    margin-bottom: 0;
}

p.content.nato {
    font-size: 18px;
    line-height: 32px;
}

.headbg .container {
    padding: 0;
}

.headbg .navbar-brand {
    margin-right: 0;
}

.headbg {
    background-color: transparent !important;
    border: 0;
    padding: 7px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    box-shadow: none;
}

.darkHeader {
    background-color: #ffffff !important;
    position: fixed;
    box-shadow: 0px 1px 12px #0000006b;
}

.headermenu .headbg .navbar-nav li a {
    color: #020202;
    font-size: 16px;
    padding: 10px 18px;
    font-weight: 400;
    margin-top: 5px;
    text-transform: capitalize;
    font-family: 'Poppins',sans-serif;
    background: none;
}

.headermenu .headbg .navbar-nav li a.orangebtn, .headermenu .headbg .navbar-nav li a.blackbtn {
    padding: 9px 19px;
    text-transform: uppercase;
    font-size: 16px;
}

.logo {
    width: 100%;
    max-width: 201px;
    margin-top: -2px;
}

.headermenu .headbg .navbar-nav li a:active,.headermenu .headbg .navbar-nav li a:focus {
    color: #fcfcfd;
}

.headermenu .headbg .navbar-nav li a.nav-link.active,.headermenu .headbg .navbar-nav li a:hover {
    color: #848484; 
}

input::placeholder {
    font-size: 16px;
}

input:focus {
    outline: 0!important;
    box-shadow: none!important;
}

.orangebtn, .borderbtn, .blackbtn, .bluebtn, .whitebtn, .whitebtn-grad {
       background-image: -webkit-linear-gradient( 90deg, rgb(26,82,118) 0%, rgb(46,204,113) 100%);
    border: 0;
    color: #fff;
    padding: 10px 24px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 24px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Poppins',sans-serif;
    /* box-shadow: none; */
}

.orangebtn:active,.orangebtn:focus,.orangebtn:hover {
    color: #fff;
     background-image: -webkit-linear-gradient( 160deg, rgb(26,82,118) 0%, rgb(46,204,113) 100%);
    border: 0;
    border: 0;
    text-decoration: none;
}


.headbg a.borderbtn {   
    border-radius: 5px; 
    padding: 7px 22px !important;   
    margin-top: 2px !important; 
    color: #fff !important; 
}   
.headbg a.btn-green {   
    
    color: #cafb56 !important;  
}   
.darkHeader a.borderbtn, .darkHeader a.btn-green    
{   
    color:#000 !important;  
    border-color:#000 !important;   
}
.banner-btns {
    margin-top: 16px;
}

.banner-btns a {
    width: 100%;
    max-width: 307px;
    text-align: center;
    padding: 14px 10px;
    box-shadow: none;
    font-size: 16px;
}

.borderbtn, .borderbtn:hover, .borderbtn:focus, .borderbtn:active {
    background-image: none;
    border: 1px solid #fff;
    color: #fff;
}

.blackbtn, .blackbtn:hover, .blackbtn:focus, .blackbtn:active {
    background: #333431;
}

.bluebtn:hover, .bluebtn:focus, .bluebtn:active {
    background-color: transparent;
    background: #3f44ce;
    color: #fff;
}

.btn-green {
    border-color: #c9fa55;  
    color: #c9fa55!important;   
    background-color: transparent;
}

/*home css start*/



.whitebtn,.whitebtn:active,.whitebtn:focus,.whitebtn:hover {
    background: #c2f158;
    color: #000;
}

.green-c {
    color: #aae227;
    font-weight: bold;
}

.flexb {
    display: flex;
}

.flexb>div {
    width: 100%;
    margin: 20px 10px;
    margin-bottom: 41px;
}

/* ////how//// */
.card1 {
    background: #202326;
    color: #fff;
    text-align: center;
    margin: 10px 0px;
    border-radius: 5px;
    box-shadow: 0 10px 20px 0 rgb(131 135 144 / 25%);
    padding: 25px;
}

.card-body h5 {
    color: #c9fa57
}

/* ////tikewn/// */
.h5left.text-right {
    text-align: right;
}

.form-group {
    width: 100%;
    margin-bottom: 22px;
}

.innerpagebg {
    background-image: url(../images/loginbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
    display: table;
    width: 100%;
    padding-bottom:0px;
}

.form-bg {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 20px 0px;
}

.formbox {
    display: table;
    flex-wrap: inherit;
    max-width: 422px;
    margin: 0px auto;
}

.leftboxcolorb {
    /* background-color: #fff; */
    border-radius: 10px;
    width: 100%;
    background: url(../images/natbg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.rightboxlogo {
    text-align: center;
    margin: 0px 0px;
}

.formbox>div {
    width: 50%;
    flex: 50%;
    max-width: 50%;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0px;
}

.login-form .form-control {
    background-color: #ffffff;
    color: #000;
    font-size: 15px !important;
    font-weight: 400;
    height: 46px;
}

.form-logo .logo {
    max-width: 229px;
}

a.t-blue,a.t-blue:active,a.t-blue:focus,a.t-blue:hover {
    color: #0e2f44;
    text-decoration: none;
    font-weight: 600;
}

.login-form .heading-title {
    font-size: 21px;
    text-transform: uppercase;
    padding-bottom: 0;
    text-align: center;
    line-height: normal;
}

.login-form label {
    font-size: 15px !important;
    margin-bottom: 6px;
    font-weight: 500;
    z-index: 9;
    color: #4a4a4a;
}

.btnsnfg h5 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.btnsnfg {
    margin-top: 22px;
    text-align: center;
}

.formlogo {
    width: 100%;
    max-width: 224px;
    margin-bottom: 6px;
}

.rightboxlogo h4 {
    font-size: 21px;
    color: #fff;
    padding-top: 22px;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
}


.backbtn {
    width: 100%;
    max-width: 760px;
    margin: 0px auto;
    margin-top: 18px;
}

.backbtn a, .backbtn a:hover, .backbtn a:focus, .backbtn a:active {
    font-size: 15px;
    color: #92beff;
}

.rightboxlogo .content {
    color: #ffffff;
    line-height: 27px;
}

.regbox .formbox {
    max-width: 480px;
}

.para-content {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin: 0px;
    padding-bottom: 8px;
}

.formbox .form-group {
    position: relative;
}

.teammemberbox, .advisorbox {
    width: 100%;
    display: inline-block;
}

.regbox .heading-title {
    font-size: 21px;
}

@media (max-width: 767px) {
    section {
        padding: 35px 0;
    }

    .formbox {
        display: block;
        width: 100%;
        min-height: inherit;
    }

    .formbox>div {
        display: block;
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .rightboxlogo h4 {
        padding: 23px 0px;
    }
}

@media (max-width: 450px) {
    .formlogo {
        max-width: 140px;
    }

    .rightboxlogo h4 {
        font-size: 15px;
    }

    .rightboxlogo h4 {
        padding: 19px 0px;
    }

    .login-form .heading-title {
        font-size: 20px!important;
    }
}

.help-block strong {
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.strength-bar-class {
    border: 1px solid #cccaca;
    padding: 1px 15px;
    border-radius: 6px;
    line-height: 0px;
    height: 0px;
    margin-right: 2px;
    font-size: 2px;
}

.strength-top {
    margin-top: 20px;
}

.g-recaptcha>div {
    width: 100% !important;
    max-width: 300px;
    margin: 0px auto;
    margin-top: 7px;
}

.infonotes i {
    position: absolute;
    right: 3px;
    top: -16px;
    color: #8b8e90;
    font-size: 13px;
}

.form-box .form-group {
    position: relative;
}

.infonotes .noteshow {
    display: none;
}

.infonotes:hover .noteshow {
    display: block;
    background: #dadada;
    font-size: 12px;
    border-radius: 5px;
    padding: 10px 10px;
    position: absolute;
    z-index: 99;
    color: #020202;
    top: 0px;
    left: 0px;
}

@media (max-width: 450px) {
    #rc-imageselect, .g-recaptcha {
        display: inline;
    }

    #rc-imageselect {
        max-width: 100%;
    }

    .g-recaptcha>div>div {
        width: 100% !important;
        height: 78px;
        transform: scale(0.88);
        webkit-transform: scale(0.88);
        text-align: center;
        position: relative;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 400px) {
    .g-recaptcha>div>div {
        transform:scale(0.75);
        webkit-transform: scale(0.75);
    }
}

@media (max-width: 350px) {
    .g-recaptcha>div>div {
        transform:scale(0.65);
        webkit-transform: scale(0.65);
    }
}

@media (max-width: 320px) {
    .g-recaptcha>div>div {
        transform:scale(0.60);
        webkit-transform: scale(0.60);
    }
}

.mobileappbg img {
    width: 100%;
    max-width: 555px;   
}

.appbtnbg img {
    width: 100%;
    max-width: 160px !important;
}

@media (max-width: 991px) {
    .mobileappbg {
        text-align:center;
    }
    .card1
    {
        padding: 12px;
    }

    .appbtnbg {
        text-align: center;
        width: 100%;
        margin: 0px auto;
    }

    .mobileappbg img {
        margin-bottom: 3px;
        max-width: 363px;
    }
}

.rulesnotes {
    xbackground: #181818;
    box-shadow: 1px 0px 6px 3px rgb(0 0 0 / 15%);
    padding: 4px 3px;
    margin: -8px auto;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: -27px;
    font-size: 12px;
    line-height: 18px;
    display: none;
    margin-top: 23px;
    cursor: auto;
    border-radius: 5px;
}

.rulesnotes:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #181818;
    bottom: -5px;
    left: 0px;
}

.rulesnotes.green-bg:before {
    border-top-color: #f69221;
}

.rulesnotes.orange-bg:before {
    border-top-color: #979797;
}

.rulesnotes.pink-bg:before {
    border-top-color: #181818;
}

.rulesnotes.gray-bg1:before {
    border-top-color: #c4c4c4;
}

.rulesnotes.gray-bg1 p {
    color: #000;
}

.rulesnotes.blue-bg:before {
    border-top-color: #0095fa;
}

.progress:hover .rulesnotes {
    display: inline-block;
}

.rulesnotes p {
    font-size: 14px;
    margin: 0px;
    color: #fff;
    padding: 1px 20px;
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
}

.line-bottom {
    border-bottom: 3px solid #7b7ff7;
    margin: 0px auto;
    width: 15%;
    margin-bottom: 23px;
}

.appi {
    padding-bottom: 20px;
    display: flex;
}

.appi>div {
    padding: 2px 5px;
}

.app-img img {
    width: 100%;
    max-width: 143px;
}

.input-group-text i {
    font-size: 13px;
}


.infonotes .noteshow {
    display: none;
}

.login-form .input-group-text {
    color: #656565;
    background: #fff;
    border-left: 1px solid #bdbdbd;
    margin: 0px !important;
}

.leftboxcolorb {
    padding: 22px;
}

/*home css start*/
.table-content {
    display: table;
    width: 100%;
}

.table-content>div {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 50%;
}

.banner-bg {
    background-image: url(../images/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 39% bottom;
    height: 100vh;
    position: relative;
    padding: 0px;
}

.banner-bg::before {
    content: "";
    background-image: url(../images/sidebg.png);
    width: 399px;
    height: 100%;
    position: absolute;
    left: -208px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}


.site-bannercontent {
    padding: 17vh 0;
    width: 100%;
    position: relative;
}

.site-bannercontent .row {
    margin: 0;
}

.site-bannercontent .h1 {
    font-size: 32px;
    color: #000;
    line-height: 47px;
    margin: 0;
    padding-bottom: 0;
    font-weight: 400;
}

.bannerrighticon img {
    width: 100%;
    max-width: 411px;
}

.site-bannercontent .content {
    font-weight: 400;
    color: #ced4f9;
    padding-top: 15px;
    padding-bottom: 22px;
}

.banner-btns a>img {
    margin-right: 10px;
}

.acceptlist h4 {
    color: #000;
    font-size: 17px;
    margin: 15px 0px;
}

.acceptlist ul {
    padding: 0px;
    margin: 0px;
}

.acceptlist li {
    float: left;
    list-style: none;
    padding: 0px 15px;
}

.acceptlist li:first-child {
    padding-left: 0px;
}

.acceptlist li img {
    background: #edefff;
    border-radius: 50px;
    width: 45px;
    padding: 10px;
    margin-right: 10px;
}

.tokensalebox {
    background: url(../images/levelbanner.png);
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 91px 0px;
}

.flexbox {
    display: flex;
}

.flexbox>div {
    width: 100%;
}

.tokensalebox .flexbox>div {
    background: #f0f2ff;
}

.tokensalebox .flexbox>div:last-child {
    background: #fff;
}

#clock {
    display: flex;
    width: 100%;
    max-width: 481px;
}

#clock>div {
    float: left;
    width: 25%;
    height: auto;
    line-height: normal;
    text-align: center;
    margin: 10px auto;
}

#clock>div span {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    padding-top: 10px;
    font-size: 17px;
    color: #000;
}

.colont {
    padding-top: 19px;
    text-align: center;
    width: 44px!important;
    font-size: 28px;
}

#clock>div:last-child .colont {
    visibility: hidden;
}
.clock-bg {
    background-image: linear-gradient(45deg, black, #2f2f2f );
    border-radius: 7px;
    color: #fff;
    font-weight: 400;
    padding: 22px 13px;
    font-size: 25px;
    text-align: center;
    width: 85px;
    height: 85px;
    margin: 0px auto;
}   
.tokensaleinnetbox {
    padding: 21px 0px;
    /* padding-bottom: 9px; */
}   
.tokentitle {   
    text-align: left;   
    font-size: 24px;    
    text-transform: uppercase;  
    font-weight: 600;   
    padding-bottom: 22px;   
    margin: 0px 10px;   
}   


.progresstable {
    display: table;
    width: 100%;
}

.progressbigt {
    padding: 0;
}

.progresstable>div {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.progresstable .h5 {
    line-height: 23px;
    font-size: 17px;
    text-transform: capitalize;
    color: #000000;
    padding-bottom: 0;
    margin: 0px;
    font-weight: 400;
}

.progressbigt .h5 {
    font-size: 24px;
    line-height: 23px;
}

.progressbigt {
    padding-bottom: -4px;
}

.progressbigt .h5>span {
    font-size: 13px;
}

.progressbarbg .progress {
    background-color: #d7d7d7;
    height: 45px;
    border-radius: 50px;
    font-size: 14px;
    position: relative;
    margin: 9px 0;
    overflow: visible;
    border-radius: 0px;
}

.progressbarbg .progress-bar {
    background: linear-gradient(#202326, #696969);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.h5left {
    float: right;
}

.progressbarbg .progress-bar {
    border-radius: 20px;
}

.tokenboxbtn {
    background: #f0f2ff;
    padding: 20px;
}

.progressbottombg {
    background: #ffffff;
    padding: 0px 0px;
}

.tokensalebox .progress {
    /* margin-top: -33px; */
    /* position: relative; */
}

.tokensalebox .acceptlist {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.tokensalebox .acceptlist li {
    color: #fff;
    padding: 0px 0px;
}

.card-body1 {
    text-align: center;
}

.card2 {
    background-color: transparent;
}

.investbg {
    background: url(../images/investbanner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.investbg img {
    width: 100%;
    max-width: 80px;
    margin-bottom: 10px;
    color: #fff;
}

p.card-text.mini {
    padding: 4px 18px;
    font-size: 14px;
}

.choosebox {
    padding: 20px 25px;
    width: 100%;
    text-align: left;
    position: relative;
    border-radius: 7px;
    display: table;
}

.choosebox>div {
    display: table-cell;
    vertical-align: top;
    float: none;
}

.choosebox>div:first-child {
    width: 65px;
}

.choosebox>div:nth-child(2) {
    padding-left: 20px;
}

.choosebox .h4 {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}

.choosebox img {    
    border-radius: 14%; 
    width: 100%;    
    max-width: 115px;   
    padding: 17px;  
}   
.choosebox>div:first-child>span {
    width: 135px;
    height: 135px;
    border: 6px solid #cafb56;
    display: inline-block;
    border-radius: 50%;
    padding: 13px;
    text-align: center;
}   


.choosebox .content {
    line-height: 29px;
}


.tokenbannerbg {
    background-image: url(../images/tokenbanner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.tokensalebanner
{
    background-image: url(../images/tokensalebg.png);
}

.tokenbannerbg .progressflexb {
    width: 100%;
    display: inline-block;
}

.tokenbannerbg .progressflexb>div {
    width: 100%;
    float: left;
    padding-right: 14px;
    padding-bottom: 24px;
    text-align: left;
}

.progresslabel strong {
    font-size: 15px;
    font-weight: 600;
    left: 50%;
    margin-top: 7px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.progressbarbg .progress-bar {
    border-radius: 1px;
}

.progresstitle {
    padding-bottom: 35px;
}

.progresstitle .h5 {
    font-size: 16px;
    color: #000;
    padding-bottom: 6px;
}

.progressflexb .progress {
    background-color: #e2e2e2;
    height: 13px;
    border-radius: 50px
}

.green-bg { 
    background-color: #7ddc67;  
}   
.pink-bg {  
    background-color: #dc6967;  
}   
.orange-bg {    
    background-color: #dcd267;  
}   
.blue-bg {  
    background-color: #67b7dc;  
}   
.purble-bg {    
    background-color: #8067dc;  
}

.chartsalebg
 {
    position: relative;
    width: 100%;
    height: 496px;
    margin-top: 0px;
}

.tokensalebanner /* {
    background: url(../images/tokenchrtbg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 144px 0px;
    position: relative;
    z-index: 9;
    padding-bottom: 0px;
    margin-top: -50px;
} */
.tokensalebanner .container {
    padding-bottom: 120px;
}

g[aria-labelledby="id-157-title"] {
    display: none;
}
g[aria-labelledby="id-66-title"]
{
    display:none;
}
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    background: transparent !important;
    color: #fff;
    margin: 0;
    transition: all .3s ease-in-out;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-dots {
    text-align: center;
    padding-top: 0px !important;
    margin-top: -138px;
}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #cecfe8;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: #0b0f90;
}

.owl-dots button.owl-dot:focus {
    outline: 0;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent!important;
}

.owl-nav span {
    font-size: 55px;
    position: relative;
    top: -19px;
    color: #ccc;
}

.owl-nav button:focus {
    outline: 0;
}

.owl-nav {
    display: block;
    top: -168px;
}

.owl-nav::before {
    display: none;
}

.roadmapflex>div.owl-dots::before {
    display: none;
}

.roadmapflex {
    display: flex;
}

.roadmapflex>div, .roadmapbox {
    padding: 10px 15px;
    text-align: center;
    position: relative;
}

.roadmapflex>div::before {
}

.roadmapbox h5 {
    color: #0f138f;
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 29px;
}

.roadmapbox p {
    font-size: 15px;
    line-height: 23px;
    padding-top: 10px;
}

.circleicont {
    width: 50px;
    height: 50px;
    border: 7px solid #e7e8ff;
    background: linear-gradient(#2f34e4, #090d7c);
    border-radius: 50px;
    display: block;
    margin: 0px auto;
    position: relative;
}

.circleicont:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 331px;
    left: 14px;
    top: -333px;
    background: linear-gradient(to top, #d6d8e5, #fff);
    /* top: 0px; */
    /* border: 1px solid #ccc; */
    border-radius: 50px;
    z-index: -1;
}

.roadmapflex>div:nth-child(even), .owl-stage>div:nth-child(even) {
    margin-top: -81px;
}

.roadmapflex>div {
    padding-top: 252px;
}


.mobileappbg {  
    background-image:url(../images/phonesectionbg.png); 
    background-size: cover; 
    background-repeat: no-repeat;   
    background-position: bottom;    
}

/*faq start*/
.faqbg .carousel-inner{
    padding-bottom: 44px;
}

.accordion .card {
    border: none;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 0px;
    background: none;
    margin-bottom: 13px;
    border-radius: 7px;
    border: 1px solid #0f138f;
    padding: 9px;
}

.accordion .card-header {
    padding: 0;
    border: none;
    /* border-radius: 9px; */
    background: none;
    margin-bottom: 0px !important;
    overflow: hidden;
}

.accordion .panel-title a {
    display: block;
    background: none;
    font-size: 16px;
    font-weight: 400;
    border: 0px;
    position: relative;
    transition: all 0.5s ease 0s;
    line-height: 24px;
    font-family: 'Titillium Web', sans-serif;
    padding: 0px;
    padding-left: 41px;
}

.accordion .panel-title a, .accordion .panel-title a:hover, .accordion .panel-title a:focus, .accordion .panel-title a:active {
    background: #ffffff;
    color: #0b0f90;
    border-bottom: 0px;
    text-decoration: none;
}

.accordion .panel-title a.collapsed {
    box-shadow: none;
    background: none;
    color: #0b0f90;
}

.accordion .panel-title a:before, .accordion .panel-title a.collapsed:before {
    content: "\f059";
    font-family: "FontAwesome";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    color: #0b0f90;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 10px;
    transition: all 0.3s ease 0s;
}

.accordion .panel-title a.collapsed:before {
    color: #0b0f90;
    content: "\f059";
}

.accordion .card-header h5 {
    border-bottom: 0px;
    margin-bottom: 0px !important;
}

.accordion .card-body {
    padding: 15px 20px;
    margin-top: -1px;
    font-size: 15px;
    color: #000000;
    line-height: 31px;
    border: 0px;
    background: #ffffff;
    font-weight: 400;
    border-top: 0px;
    border-radius: 0x;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-left: 41px;
}

.accordion .panel-title a>div {
    width: 100%;
    max-width: 100%;
}

.faqtabtbg {
    flex-wrap: inherit;
    border-bottom: 0px;
    margin-bottom: 10px;
}

.faqtabtbg li {
    width: 100%;
}

.faqtabtbg li a {
    padding: 14px 15px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
    margin-right: -1px;
    background: #f0f2f5;
}

.faqtabtbg li a.active {
    background: #1a1b1d !important;
    color: #fff !important;
}

.footer-gray-bg 
{
    background: url(../images/footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding-top: 334px;
    padding-bottom: 5px;
}

.ftext {
    color: #a2a2a2;
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
}

.foot-list {
    padding-left: 0;
    width: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    /* max-width: 500px; */
    margin: 22px auto;
    margin-bottom: 0px;
}

.footlofo img {
    width: 100%;
    max-width: 250px;
    margin-top: 10px;
}

.foot-list li {
    list-style: none;
    padding: 0px 18px;
    float: left;
    border-right: 1px solid #ccc;
}

.foot-list li:last-child {
    padding-right: 0px;
    border-right: 0px;
}

.foot-list li a {
    color: #ededed;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.foot-list li a:active,.foot-list li a:focus,.foot-list li a:hover {
    text-decoration: none;
}

.footer-gray-bg .flogo {
    width: 100%;
    max-width: 229px;
}

.sociallist li:last-child a i {
    margin-right: 0;
}

.sociallist li {
    list-style: none;
    display: inline-block;
}
    
.sociallist li a i {    
    font-size: 25px;    
    background: none;   
    /* border-radius: 50px; */  
    width: 32px;    
    height: 44px;   
    text-align: center; 
    padding-top: 11px;  
    margin-right: 7px;  
    color: #fff;    
    /* border: 1px solid #fff; */   
}   
.sociallist {   
    padding-left: 0;    
    margin-top: 4px;    
    float: none;    
}   
.footer-gray-bg .h3 {   
    color: #f69222; 
    font-size: 18px;    
    font-weight: 600;   
    padding-bottom: 10px;   
}   
.social-bg {    
    width: 100%;    
    display: inline-block;  
    text-align: center; 
    order: 2;   
}   
.social-bg .heading-title {
    font-size: 14px!important;
    font-weight: 400;
    margin-top: 6px;
    padding-bottom: 0;
}

.footerbottombg .sociallist {
    float: right;
}

.footerbottombg .sociallist li:first-child a {
    color: #a2a2a2;
    margin-right: 5px;
}

.footerbottombg {
    border-top: 1px solid #171919;
}

.footerbottombg .social-bg {
    padding-top: 12px;
}
    
.subscibefrm {width: 100%;/* max-width: 100%; */max-width: 350px;margin: 0 auto;margin-top: 11px!important;}    
.subscibefrm .form-control {height: 49px;background: #edeffe;border: 0px;border-radius: 50px 0 0 50px;color: #000;font-size: 15px;font-weight: 400;}    
.subscibefrm .form-group {  
    background: #edeffe;    
    padding: 5px;   
    border-radius: 0px; 
    /* float: initial; */   
}   
.subscibefrm .btn-default {background: #494949;color: #fff;border: 0;padding: 0;text-transform: uppercase;font-weight: 600;font-size: 17px;width: 110px;height: 50px;text-align: center;line-height: 17px;}

.accordion {
    width: 100%;
    display: inline-block;
}

.accordion .row>div {
    padding: 0px 5px;
}

.innerpagebg footer {
    display: none;
}

.aboutus img {
    width: 100%;
    max-width: 62px;
    margin-bottom: 17px;
    color: #fff;
}

@media (max-height: 650px) {
    .banner-bg {
        height: auto;
    }
    .site-bannercontent {
        padding: 27vh 0;
    }
}

/* Landscape*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .site-bannercontent {
        padding: 13vh 0px;
        padding-bottom: 3vh;
    }

    .banner-bg {
        height: auto;
    }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .site-bannercontent {
        padding: 4vh 0px !important;
        padding-top: 0px !important;
    }

    .banner-bg {
        height: auto;
    }
}

@media only screen and (device-width: 768px) {
    .site-bannercontent {
        padding:3vh 0px;
    }

    .banner-bg {
        height: auto;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .site-bannercontent {
        padding: 8vh 0px !important;
        padding-bottom: 2vh !important;
    }

    .banner-bg {
        height: auto;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .site-bannercontent {
        padding: 11vh 0px;
        padding-bottom: 7vh;
    }

    .banner-bg {
        height: auto;
        background-position: right 55% bottom;
    }
}

@media (max-width: 1200px) {
    .headbg .container {
        width:100%;
        max-width: 100%;
        padding: 0px 10px;
    }

    .banner-bg .container, .aboutus .container, .whychooseus .container, .tokenbannerbg .container, .faqbg .container,
    .roadmapbg .container
    {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1100px) {
    .site-bannercontent .h1 {
        font-size: 31px;
        line-height: 44px;
    }
}



@media (max-width: 991px) {
  
    .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {
        border: 1px solid #ccc !important;
        padding: 5px 10px;
        color:#333;
    }
    .navbar-toggler-icon
    {
        padding-top: 4px;
    }
    .site-bannercontent .h1 {
        font-size: 23px;
        line-height: 37px;
    }

    .headermenu .headbg .navbar-nav li a {
        font-size: 13px;
        padding: 8px 10px;
        margin-top: 4px;
    }

    .headbg a.borderbtn {
        padding: 7px 20px !important;
        margin-top: 4px !important;   
        color:#000 !important;
        border-color:#000;    
    }

    .table-content {
        display: block;
        margin: 0;
    }

    .table-content>div {
        display: block;
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .flexboxb, .flexbox {
        display: block;
    }

    .flexb>div, .flexbox>div {
        margin: 10px 0;
    }

    .progressbigt {
        padding: 19px 26px;
    }

    .teambg .container {
        width: 100%;
        max-width: 90%;
    }

    .site-bannercontent .table-content {
        display: table;
    }

    .site-bannercontent .table-content>div {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: 50%;
    }

    .tokenbannerbg .row, .tokensalebanner .row {    
        display: flex;  
        flex-flow: column;  
        text-align: center; 
    }   
    .tokenbannerbg .row>div:first-child, .tokensalebanner .row>div:last-child { 
        order: 2;   
    }   
    .tokenbannerbg .row>div:last-child, .tokensalebanner .row>div:first-child { 
        order: 1;   
    }   
    

    .tokensalebanner {
        margin-top: 0px;
    }

    .xline-grad {
        margin: 34px auto;
    }

    .acceptlist ul {
        display: flex;
        justify-content: center;
    }

    .banner-bg {
        height: auto;
    }

    .site-bannercontent {
        padding: 13vh 0;
        padding-bottom: 0px;
    }

    .tokenbannerbg .progressflexb {
        margin: 18px 0px;
    }

    .tokenbannerbg .progressflexb>div {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .headbg a.borderbtn {
    
        border: 1px solid #c2f158 !important;
        background: #c2f158!important;
    }

    .footer-gray-bg .row, .tokenbannerbg .row, .tokensalebanner .row {  
        display: flex;  
        flex-flow: column;  
        text-align: center; 
    }   
    .footer-gray-bg .row>div:first-child, .tokenbannerbg .row>div:first-child, .tokensalebanner .row>div:last-child {   
        order: 2;   
    }   
    .footer-gray-bg .row>div:last-child, .tokenbannerbg .row>div:last-child, .tokensalebanner .row>div:first-child {    
        order: 1;   
    }   
    .footer-gray-bg .container{ 
        width: 100%;    
    max-width: 100%;        
    }   
    .footlistbg {   
        text-align: center !important;  
    }   
    .subscibefrm {  
        width: 100%;    
        /* max-width: 100%; */  
        max-width: 350px;   
        margin: 0 auto; 
        margin-top: 11px!important; 
        float: none;    
    }   
    .footlofo { 
        text-align: center !important;  
        float: none;    
        order: 1;   
    }   
    .footer-gray-bg {   
        
    }
    .banner-bg {
        text-align: center;
        height: auto;
    }

    .site-bannercontent {
        padding: 15vh 0;
        padding-bottom: 0px;
    }

    .bannerrighticon img {
        max-width: 347px;
        margin-top: 41px;
    }

    .progresstitle .h5 {
        font-size: 15px;
    }

    .headbg {   
        background-color: #fff !important;  
    }

    .site-bannercontent .table-content {
        display: block;
    }
    .logo {
        max-width: 150px;
    }

    .site-bannercontent .table-content>div {
        display: block;
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .bannerleft {
        padding-right: 0px !important;
    }
    .progressbigt .h5 {
        font-size: 17px;
    }

    .clock-bg {
        padding: 12px 8px;
        font-size: 14px;
        width: 45px;
        height: 45px;
    }

    .heading-title {
        font-size: 21px !important;
        line-height: 31px;
    }

    #clock>div span {
        font-size: 14px;
    }

    .choosebox {
        padding: 10px 0px;
    }

    .choosebox .h4 {
        font-size: 17px;
    }

    .chartsalebg {
        height: 296px;
    }

    .foot-list li a {
        font-size: 13px;
    }

    .foot-list li {
        padding: 0px 12px;
    }

    .orangebtn, .borderbtn, .blackbtn, .bluebtn, .whitebtn, .whitebtn-grad {
        font-size: 14px;
        padding: 11px 23px;
    }

    .site-bannercontent .h1 {
        font-size: 22px;
        line-height: 37px;
    }

    .site-bannercontent .content {
        font-size: 14px;
        line-height: 28px;
    }

    
    .footlofo img {
        max-width: 207px;
    }

    .headbg .navbar-collapse {
        border-top: 1px solid #d6d6d6;
        }

    .headbg a.borderbtn {
        width: 100%;
        max-width: 123px;
        text-align: center;
    }

    .headermenu .headbg .navbar-nav li a {
        font-size: 15px;
        padding: 5px 10px;
        color: #000 !important;
    }
}

@media (max-width: 550px) {
    .choosebox>div {
        display: block;
        width: 100% !important;
        text-align: center;
    }

    .choosebox>div:first-child>span {
        margin-bottom: 15px;
    }

    .choosebox>div:nth-child(2) {
        padding-left: 0px;
    }

    .foot-list {
        display: block;
    }

    .foot-list li {
        width: 100%;
        border-right: 0px;
        text-align: center !important;
    }

    .progressbigt .h5 {
        font-size: 15px;
    }

    .progressbigt .h5>span {
        font-size: 12px;
    }

    .progressbigt img {
        width: 100%;
        max-width: 40px;
    }

    #clock>div span {
        font-size: 12px;
    }
}

/* /// charts/// */
#container {
    height: 400px;
}


.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

text.highcharts-title {
    display: none;
}

text.highcharts-subtitle {
    display: none;
}

text.highcharts-credits {
    display: none;
}

rect.highcharts-background {
    fill: none;
    display: none;
}

path.highcharts-button-symbol {
    fill: none;
    display: none;
}

/* ///natcoinbg// */
.natcoin {
    background-image: url(../images/natbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: 0;
}
.natcoin img {
    width: 100%;
    max-width: 514px;
}
/* /// testimonial/// */
.testimonial {
    padding: 0;
    text-align: center;
    background: url(../images/faqboxbg.png);
    border-radius: 25px;
    width: 100%;
    max-width: 850px;
    margin: 0px auto;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.testicontent
{
    padding: 44px 96px;
}

h3.faq-c {
    font-size: 17px;
}



.carousel-multi-item .carousel-indicators .active {
    width: 1.56rem;
    max-width: 1.56rem;
    height: 1.56rem;
    background-color: #4285f4;
    border-radius: 50%;
}

.light-blue.darken-4 {  
    background-color: #b9e454 !important;   
}   
.carousel .carousel-indicators li { 
    width: 0.625rem;    
    height: .625rem;    
    cursor: pointer;    
    border-radius: 50%; 
    margin: 0px 7px;    
}

.logintabbox {
    display: flex;
    width: 100%;
    flex-wrap: inherit;
}

.logintabbox {
    width: 100%;
    position: relative;
    top: 0;
    background: none;
    max-width: 267px;
    margin: 0px auto;
    border: 0px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 50px;
}

.logintabbox .nav-link {
    font-size: 15px;
    padding: 18px 12px;
    background: none;
    font-weight: bold;
    background: #17191a;
    border: 0px;
    color: #fff;
}

.logintabbox .nav-link:hover {
    background: #17191a;
}

.logintabbox li {
    width: 100%;
    text-align: center;
    padding: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   background-image: -webkit-linear-gradient( 90deg, rgb(26,82,118) 0%, rgb(46,204,113) 100%);
    color: #fff;
    border-bottom: 0;
    cursor: not-allowed;
}
.logintabbox li:last-child a
{
    border-right:0px !important;
}

.loginpagebox .contentbox {
    margin-top: -24px;
}

.bottom p{
    margin: 5px;
    font-size:14px;
}

.leftboxcolorb  .formcontentbox
{
    margin-top: 0;
}
.form-outline .form-control~.form-notch, .form-outline .form-control.form-control-lg~.form-label
{
    z-index:9;
}
.login-form .x-line
{
    margin-bottom: 25px;
    margin-top: 5px;
}
    
.f-content {    
    font-size: 14px;    
    color: #fff;    
}   
.news{  
    color: #FFF;    
    font-size: 28px;    
}
.psdrow
{
    position:absolute;
bottom:-19px;
display: flex;
flex-wrap: inherit;
}
.psdrow>div
{
    width:100%;
    max-width: 100%;
    flex: 100%;
}
.psdrow>div:first-child
{
    width: 100px;
}
.psdrow>div:first-child>div
{
       font-size: 12px;
}
@media (max-width:450px)
{
    .g-recaptcha>div
    {
        max-width:250px;
    }
}
@media (max-width:350px)
{
    .g-recaptcha>div
    {
        max-width:226px;
    }
}

.form-outline .form-control.form-control-lg.active~.form-label, .form-outline .form-control.form-control-lg:focus~.form-label 
{  
    font-size: 15px;
    color: #0e2f44 ;
}
.form-outline .form-control:focus~.form-notch .form-notch-middle, .form-outline .form-control:focus~.form-notch .form-notch-trailing,
.form-outline .form-control:focus~.form-notch .form-notch-leading
{
    border-color: #648e01;
}
#passwordmatch
{
    margin-top:0px !important;
}
.leftboxcolorb p
{
    line-height: 26px;
}
.alert .close
{
    float: right;
    color: #383838;
    opacity: 1;
}
.alert .close:hover
{
    color: #383838;
    opacity: 1;
}
.form-outline .form-control.disabled, .form-outline .form-control:disabled, .form-outline .form-control[readonly] {
    background-color: #ffffff;
}

/* ///roadmap/// */ 
.main-timeline{margin-top: 54px;position: relative;}    
.main-timeline:after{   
    content: '';    
    display: block; 
    clear: both;    
}   
.main-timeline .timeline{   
    width: 50%; 
    padding: 25px 0 0;  
    margin: 0px 5px 0 0;    
    float: left;    
}   
.main-timeline .timeline-content{
    color: #555;
    padding: 0px 143px;
    display: block;
    position: relative;
    padding-left: 0px;
}   
.main-timeline .timeline-content:hover{ text-decoration: none; }    
.main-timeline .timeline-year{  
    color: #00B260; 
    font-size: 30px;    
    font-weight: 600;   
    text-align: center; 
    line-height: 57px;  
    height: 60px;   
    width: 120px;   
    position: absolute; 
    top: -35px; 
    right: -60px;   
    z-index: 1; 
}   
.main-timeline:before {
    content: '';
    background-image: url(../images/ash-center.png);
    height: 100%;
    width: 40PX;
    border-radius: 20px;
    transform: translateX(-50%);
    position: absolute;
    left: 49%;
    top: -64px;
    min-height: 411px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}   
.main-timeline .timeline-year:before    
{   
    content: '';    
    background-image: url(../images/roadmap-left.png);  
    height: 100%;   
    width: 100%;    
    transform: translateY(-50%);    
    position: absolute; 
    left: -69px;    
    top: 75%;   
    background-position: left;  
    background-repeat: no-repeat;   
    background-size: cover; 
}   
.main-timeline .timeline-year:after{    
    content: '';    
    /* background-image: url(../images/roadmap-left_21.png); */ 
    height: 3px;    
    width: 50px;    
    transform: translateY(-50%);    
    position: absolute; 
    left: -50px;    
    top: 50%;   
}   
.main-timeline .timeline-year:after{    
       content: ''; 
    background-image: url(../images/ash-right.png); 
    height: 100%;   
    width: 121px;   
    transform: translateY(-50%);    
    position: absolute; 
    left: -78px;    
    top: -27%;  
    background-size: cover; 
}   
.main-timeline .title{
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}   
.main-timeline .description{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    padding: 0px 0px;
    padding-right: 0px;
}   
.main-timeline .timeline:nth-child(even){   
    float: right;   
    margin: 0 0 0 5px;  
}   
.main-timeline .timeline:nth-child(even) .timeline-content{padding: 0px 113px;padding-right: 0px;}  
.main-timeline .timeline:nth-child(even) .timeline-year{    
    right: auto;    
    left: -60px;    
}   
.main-timeline .timeline:nth-child(even) .timeline-year:before  
{   
    left: auto; 
    right: -53px;   
    background-image: url(../images/roadmap-right.png); 
    background-position: right; 
}   
.main-timeline .timeline:nth-child(even) .timeline-year::after  
{   
    background-image: url(../images/ash-left.png);  
    left: auto; 
    right: -53px;   
    background-position: right; 
}   

@media screen and (max-width:767px) {   
    .main-timeline .timeline,   
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 12px 20px;
        margin: 0px;
        text-align: left;
    }   
    .main-timeline .timeline-content,   
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 0 36px;
        padding-right: 0px;
    }   
    .main-timeline .timeline-year,  
    .main-timeline .timeline:nth-child(even) .timeline-year{
        top: 0;
        left: 0;
        right: auto;
        display: none;
        width: auto;
        height: auto;
    }   
    .main-timeline .timeline-year:before,   
    .main-timeline .timeline-year:after{    
        display: none;  
    }   
}   
@media screen and (max-width:479px) {   
    .main-timeline .title{font-size: 14px;} 
}   
    
.footlofo   
{   
    float: none;    
    order: 1;   
}   
.footlistbg     
{   
    text-align:left;    
}   

    
/* /// .chart/// */ 
.chartslaebg
{
    width: 100%;
    height: 600px;
  } 

  .tokenchrt  tspan {   
    fill:#fff;
}   
  .tokenchrt [aria-label="Legend"]  
  { 
      display: none;    
  } 
 .bannerleft {  
    padding-right: 40px;    
    }   
    .footlistbg img {   
        width: 100%;    
        max-width: 200px;   
    }   
    
    @media (max-width:950px){   
        .aboutus .col-md-4 {    
            width: 100%;    
            webkit-box-flex: 0; 
              -ms-flex: 0 0 auto;   
               flex: 100%;  
        }   
    }   
    .tokenline::before {
        content: "";
        width: 4px;
        position: absolute;
        top: 0;
        background-color: #c2f158;
        left: 32%;
        height: 100%;
    }   

    @media(max-width:1400px)
    {
        .banner-bg
        {
            background-position: right 69% bottom;
        }
    }

    @media (max-width:1200px)
    {
        .investbg .container
        {
            width:100%;
            max-width: 100%;
        }
        .investbg .heading-title
        {
            font-size: 25px;
        }
    }
        
    @media(max-width:991px){    

        .banner-bg {    
            background-image: url(../images/loginbg.png);   
            background-position: center;    
        }   
        .banner-bg::before {    
            background-image: none; 
        }   
        .site-bannercontent .h1{    
            color: #fff;    
        }   
        
        .bannerrighticon 
        {
            text-align: center !important;
        }
        .headbg {
            background-color: #fff !important;
        }
        .natcoin .container, .tokensalebox .container
        {
            width:100%;
            max-width:100%;
        }
        .natcoin
        {
            text-align: center;
        }
        .natcoin img {
            max-width:327px;
        }
        .heading-title {
            font-size: 27px;
        }
        #clock
        {
            margin:0px auto;
        }
        .tokentitle
        {
            text-align: center !important;
        }
        .choosebox>div:first-child>span
        {
            width:100px;
            height:100px;
            padding:5px;
        }
    }
    .aboutus
    {
       background:url(../images/howitbg.png);
       background-position:right;
       background-size: cover;
       background-repeat: no-repeat;
    }
    .investbg .card2
    {
        margin-top: 41px;
    }
    .faqbg
    {
        background:url(../images/faqbg.png);
        background-position:center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 0px;
    }
    .faqbg p
    {
        font-size:14px;
        line-height: 30px;
    }
    
    .main-timeline>div:nth-child(odd) .title,  .main-timeline>div:nth-child(odd) .description
    {
text-align: right;
    }

    @media (max-width:991px)
    {
        .testicontent {
            padding: 66px 25px;
        }
        .footer-gray-bg .container
        {
            width:100%;
            max-width: 100%;
        }
        .mobileappbg .container
        {
            width:100%;
            max-width:100%;
        }
        .mobileappbg .row
        {
            display:flex;
            flex-flow: column;
        }
        .mobileappbg .row>div:first-child
        {
            order:2;
        }
        .mobileappbg .row>div:last-child
        {
            order:1;
        }
    }

    @media (max-width:767px)
    {
        .main-timeline:before
        {
            left:0px;
            transform: inherit;
            top:0px;
        }
        .main-timeline>div:nth-child(odd) .title, .main-timeline>div:nth-child(odd) .description {
            text-align: left;
        }
        .faqbg
        {
            padding-bottom:35px;
        }
        .progresstable .h5 {
            line-height: 19px;
            font-size: 14px;
        }
        h3.faq-c {
            font-size: 14px;
        }
    }

    @media (max-width:550px)
    {
        .chartsalebg {
            height: 200px;
        }
    }
    @media (max-width:400px)
    {
        .heading-title {
            font-size:20px;
        }
    }