/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
body,
html {
  width: 100%;
  height: 100%; }

*:focus {
      outline: none !important;
}

body {
  font-family: font-family: 'Roboto', sans-serif; }

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #EE6527; }

hr.light {
  border-color: #fff; }

a {
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  a:hover {
    color: #fff; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif; }

.bg-primary {
  background-color: #EE6527 !important; }

.bg-dark {
  background-color: #212529 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

section {
  padding: 8rem 0; }

.section-heading {
  margin-top: 0; }

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }

body {
  -webkit-tap-highlight-color: #F7931E; }

#mainNav {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  #mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #F05F40;
    font-family: 'Roboto', sans-serif;}
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: #f05f40; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #212529; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #F05F40; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
      color: #F05F40 !important;
      background-color: transparent; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
        background-color: transparent; }
  @media (min-width: 992px) {
    #mainNav {
      border-color: transparent;
      background-color: transparent; }
      #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: #fff; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 1rem; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
          color: #fff; }
      #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #fff; }
        #mainNav.navbar-shrink .navbar-brand {
          color: #F05F40; }
          #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
            color: #f05f40; }
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
          color: #212529; }
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
            color: #F05F40; } }

header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image: url("../img/slider.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  header.masthead h1 {
    font-size: 2rem; }
  header.masthead p {
    font-weight: 300; }
  @media (min-width: 768px) {
    header.masthead p {
      font-size: 1.15rem; } }
  @media (min-width: 992px) {
    header.masthead {
      height: 100vh;
      min-height: 650px;
      padding-top: 0;
      padding-bottom: 0; }
      header.masthead h1 {
        font-size: 3rem; } }
  @media (min-width: 1200px) {
    header.masthead h1 {
      font-size: 4rem; } }

.service-box {
  max-width: 400px; }

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto; }
  .portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(240, 95, 64, 0.9);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      text-align: center; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        padding: 0 15px;
        font-family: 'Roboto', sans-serif; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px; }
  .portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
  .portfolio-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 16px; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 22px; } }

.text-primary {
  color: #F05F40 !important; }

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 300px;
  font-family: 'Roboto', sans-serif; }

.btn-xl {
  padding: 1rem 2rem; }

.btn-primary {
  background-color: #EE6527;
  border-color: #EE6527; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #ee4b28 !important; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important; }


/************* Author Style *************/
@import url("roboto.css");
.mobile-view {display:none;}
img {width:100%;}
section { padding: 5rem 0;}
.random-image .owl-nav.disabled {display:block!important;}
.owl-prev {position: absolute; top: 50%; color: transparent; background: url(../img/left-arrow.png) no-repeat center center; left: 20px;}
.owl-next {position: absolute; top: 50%; color: transparent; right: 20px; background: url(../img/right-arrow.png) no-repeat center center; background-size: 86%;}
.owl-bg-mobile {display:none;}
.suntec-city {clear:both;}

/* Countdown Timer */
.timer-container p { margin-bottom: 0; text-align: center;}
.timer-boxes { width: 90px; float: left;}
p.days, p.hour, p.minutes, p.second { padding: 18px 7px; box-sizing: border-box; width: 80px; vertical-align: middle; margin: 0 auto; background-color: #333; border-radius: 8px; font-weight: 500;}
p.days-word, p.hour-word, p.minutes-word, p.second-word {font-size: 11px;}

.countdown-container .countdown-value {font-size: 50px; background: #333; padding: 10px; color: #fff; border-radius:5px;}

/* Random Image */


/* Banner */
#page-top .header-menu {padding-top: 15px;}
#page-top img.logo {width: 250px!important;}
#page-top .promoter {position: absolute; top:10px; right: 30px; padding-left: 0;}
#page-top .promoter li {display:inline-block; padding:10px 20px; color: #fff; font-weight: 700; font-size: 12px;}
#mainNav .navbar-nav > li.nav-item > a.nav-link {color:#fff; padding: 0.5rem 0.7rem; }

#mainNav.navbar.navbar-shrink {padding: .3rem 1rem!important;}

#page-top .navbar-expand-lg .promoter {top:-5px;}
#page-top  .navbar-expand-lg .header-menu {padding-top:5px;}
#page-top .container, #page-top .container.header-menu {max-width: 1440px}
#page-top #mainNav.navbar-shrink .promoter li, #page-top #mainNav.navbar-shrink .promoter li a {color: #212529;}
#page-top img.logo.logo-white {display: block;}
#page-top img.logo.logo-black {display:none!important;}
#page-top #mainNav.navbar-shrink img.logo-black {display:block!important; }
#page-top #mainNav.navbar-shrink img.logo-white {display: none!important;}
#page-top .innovative {font-size: 30px;}
#page-top .started-now p {font-size:13px; font-weight: 500; margin-top: 10px;}
#page-top .started-now strong {font-size: 20px;}
#page-top .slider-text {color: #fff; position: absolute; right:0; left: 80px; top: 20%; font-size: 40px;}


a.register-now { padding: 10px 60px; background-color: #EE6527; font-size: 25px; border-radius: 5px;}
a.register-now:hover {text-decoration: none;}

.date-launch {font-size: 40px; font-weight: 600; line-height: 50px; margin-top: 10px;}
.date-launch span {font-size:44px; font-weight: 600; color: #F05F40; line-height: 14px;}

ul.not-qualified-img {
    padding-left: 0;
    list-style-type: none;
    overflow: hidden;
}

.not-qualified-img li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}

/* Modal Image */
.modal-block {
    background: transparent;
    padding: 0;
    text-align: left;
    max-width: 410px;
    margin: -40px auto;
    position: relative;
}
.panel-heading {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DADADA;
    padding: 18px;
    position: relative;
}
.panel-heading + .panel-body { border-radius: 0 0 5px 5px; }
.panel-footer { border-radius: 0 0 5px 5px; margin-top: -5px; }
.panel-body { background: #fdfdfd; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel-body { border-radius: 8px; padding: 40px 15px; position: relative;}
.body-sign .panel-sign .panel-body { border-top: 5px solid #EE6527!important;}
.body-sign {/*display: table;*/ height: 100%; margin: 0 auto; max-width: 500px; padding: 0 15px; width: 100%;}
.body-sign .center-sign { /*display: table-cell;*/ padding-top: 20px; vertical-align: middle;}
.body-sign .panel-sign .panel-body {background: #FFF; border-top: 5px solid #cccccc; border-radius: 5px 0 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 33px 33px 15px;}


button.btn.btn-primary.btn-block.btn-lg.visible-xs.mt-lg {
    display: none!important;
}



.popups-container {position: relative;}

a.register-popup {color: #EE6527;}


.btn-login-popup {
    cursor: pointer;
    border-radius: 0;
    font-size: 14px!important;
    font-weight: 400!important;
    margin-bottom: 10px!important;
    width: 100%;
    padding:  10px 0;

}

h2.login-popup {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
}


span.input-group-addon {
    padding: 0;
    width: 0;
    position: relative;
    border: 0;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#ee4b28!important; }

.popup-form-login .input-login {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border-radius: 0;
  padding: 10px 15px 10px 55px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: left;
  font-size: 18px;
  color: #000;
  transition: 0.25s;
  font-weight: 400;
  box-shadow:none !important;
  border:1px solid #EE6527 !important;
  outline: none!important;
  font-size:17px;
}


i.fa.fa-user, i.fa.fa-lock {color: #fff; font-size: 15px;}


.input-group-icon .input-group-addon span.icon, .input-search .input-group-addon span.icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
    z-index: 3;
    color: #000;
    /* width: auto; */
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 10px 14px;
    font-size: 18px;
    background: transparent;
    line-height: 1.42857143;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    pointer-events: none;
    height: 26px;
    background-color: #ee4b28 ;
}


.popup-form-login .input:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-form-login .input-login:focus {
  color: #000;
  outline: none!important;
}

::placeholder {
    color: #abb4be!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #abb4be!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #abb4be!important;
}

img.close-popup-login {
    width: auto;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#recaptcha-login {
    width: 304px;
    margin: 0 auto;
}


.body-sign .panel-sign .panel-title-sign {margin-top: 45px;}
a.pull-right {color: #EE6527;}
p.text-center a { color: #EE6527;}

/* Home */
#home {padding: 0;}
.owl-bg {height: 80vh; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.owl-bg a, .countdown-content a {background-color: #F05F40; padding: 5px 60px; font-size: 27px; border-radius: 10px;}
.suntec-city p{font-size: 25px!important;}
.disclaimer p{font-size: 12px!important;}
.call-action-btn p {font-size: 12px!important; text-align: left; margin-bottom: 0; margin-left:30px;}
a.nav-link.js-scroll-trigger.preview {border: 1px solid #fff; font-size: 12px!important; padding: 3px 15px!important; border-radius: 5px;}
a.nav-link.js-scroll-trigger.preview:hover {background-color: #F05F40; border: 1px solid #F05F40;}
.preview-menu {margin-top: 5px;}
#mainNav.navbar.navbar-shrink a.nav-link.js-scroll-trigger.preview {border: 1px solid #212529; }
#mainNav.navbar.navbar-shrink a.nav-link.js-scroll-trigger.preview:hover {border: 1px solid #F05F40; color: #fff;}
br.now-available {display:none;}
.owl-bg.owl-bg-desktop { background: rgba(0,0,0,0.5);}
 .video-background iframe {    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;}
    .video-background {
    /*background: url(../img/video_banner.jpg);*/
    background-size: cover;
    position: absolute;
    top: -120px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}
}
.banner-video-img {display:none;}


/* When Timer Finish Countdown */
p.simple-proven {font-weight: 300!important; font-size: 35px; margin-bottom: 0;}
p.rethink { font-weight: 700; margin-bottom: 0; line-height: 50px; font-size: 48px; text-transform: uppercase;}
p.of-cryptocurrency {font-weight: 700; margin-bottom: 20px; line-height: 50px; font-size: 48px; text-transform: uppercase;}
a.pre-register-now {padding: 10px 60px; background-color: #EE6527; font-size: 25px; border-radius: 5px; text-decoration: none;}


/* Second Slider */
#page-top .random-image .slider-text.second-slider:first-child {top:21%; left: 4.50%; text-align: left;}
#page-top .random-image .slider-text.second-slider p.paragraph-second {font-weight: 600;  margin-bottom: 0; line-height: 50px; font-size: 27px; text-transform: uppercase;}
 #page-top .random-image .slider-text.second-slider p.paragraph-second {font-weight: 600;  line-height: 35px; font-size:27px; text-transform: uppercase;}

/* Call Action */
#call-action {background-image: url(../img/crypo-bg.jpg); background-position: center center; background-size: cover; padding: 25px 0;}
#call-action .call-action-container {padding-left:0;}
#call-action p {font-size: 27px; font-weight: 600; line-height: 37px; color: #000000;}
#call-action .col-lg-9 {margin: 0 auto; padding-left: 0;}
#call-action .col-lg-8 {padding-left: 0;}
#call-action .col-lg-8 span {font-size: 27px; color: #555555;}
#call-action .col-lg-8 .mining-power {color: #d21404; font-size: 27px;}
#call-action strong {font-size: 28px; font-weight: 700;}
#call-action .call-action-btns {text-align: center; margin-top: 35px;}
#call-action .call-action-btns a {padding: 10px 75px; background-color: #F7931E; border-radius: 10px; font-weight: 700; font-size: 20px;}

/* About Us */
#about {padding: 3rem 0 9rem; background-image: url("../img/about-us-bg.jpg");}
#about h2 {padding-top: 30px; color: #F7931E!important; font-weight: 700;}
#about p {text-align:justify; color:#000; font-size: 17px; font-weight: 600;}
#about .about-us:after {content: ''; display: block; border-bottom: 3px solid #F7931E; width: 10%; margin: 10px 0 30px;}
#about .col-md-6 {margin-top: 100px;}

/* Crytocurrency */
#crytocurrency {padding: 0; background-image: url("../img/bitcoins-bg.jpg"); background-position: center center; color: #fff; background-size: cover;}
#crytocurrency h2 {font-weight: 700; color: #F7931E!important; font-size: 40px; margin-bottom: 25px; margin-top: -43px;}
#crytocurrency p {font-size: 20px; color: #fff;}
#crytocurrency .box-background {padding: 90px 30px 50px;}
#crytocurrency .cryptocurrency h2:after {content: ''; display: block; border-bottom: 3px solid #F7931E; width: 60px; margin: 20px auto; }
#crytocurrency .right-spacing {padding-right: 0; padding-left:0;}


/* Vision and Mission */
#vision {background: url("../img/vision-bg.jpg") no-repeat; background-size:cover; background-position: center center;}
section#vision {padding: 5rem 0;}
#vision .container {max-width: 1150px;}
#vision h2 {font-weight: 600;}
#vision .col-lg-6 {border-right: 1px solid #fff; padding: 0 40px;}
#vision .col-lg-6 p {font-size: 17px; color:#FCEE21;}
#vision .col-lg-6:last-child {border-right:none;}
#vision .col-lg-6 h3 {font-weight: 500; font-size:30px; color:#fff; margin-bottom: 3px;}


/* Product */
#product {padding:0;}
#product h2 {font-weight: 700; font-size: 40px;}
#product .mx-auto .container {padding:20px;}
#product .mx-auto .container img {width: 300px;}
#product .passive-bg {background-image: url("../img/product01.jpg"); color: #fff; height: 400px; padding:55px 0;}
#product .passive-bg .earning {font-size: 30px; font-weight: 600; color: #F7931E;}
#product h2 {color: #F7931E;}
#product h2:after {content: ''; display: block; border-bottom:2px solid #F7931E; margin: 5px 0 10px;}
#product ul {padding-left: 0; list-style-type: none;}
#product ul li {background: url("../img/diamond-list.png") no-repeat left 25px; padding-left: 30px; padding-top: 18px; font-size: 25px; line-height: 30px;}
#product .active-bg {background-image: url("../img/product02.jpg"); height: 400px; padding: 55px 0; color: #fff;}


/* Mining Power */
#mining-power {padding:0;}
#mining-power  h2 {color: #F7931E; font-size: 28px;}
#mining-power h2:after { content: ''; display: block; border-bottom: 2px solid #F7931E; margin: 5px 0 10px;}
#mining-power .active-bg {background-image: url(../img/mining-power.jpg); padding: 55px 0; color: #fff; background-position: left center; background-size: cover; background-repeat: no-repeat;}
#mining-power ul {list-style-type: none; padding-left: 0;}
#mining-power ul li {font-size: 20px; line-height: 30px;}
#mining-power p {font-size: 19px; line-height: 25px;}


/* Business Model */
#business-model {padding: 0;}
#business-model h2 {color: #F7931E;}
#business-model h2:after { content: ''; display: block; border-bottom: 2px solid #F7931E; margin: 5px 0 10px;}
#business-model .business-model {background-image: url(../img/business-model.jpg); height: 490px; padding: 55px 0; color: #fff; background-repeat: no-repeat: background-size: cover;}
#business-model .img-circle {background: url(../img/circle-img.png) no-repeat; height:340px; text-align: center; background-position: center center;}
#business-model .business-content {padding: 0 100px; position: absolute; top: 17%; left: 0; right: 0;}
#business-model .number-heading {font-size: 70px; font-weight: 700; color: #EFE121; margin-top: -35px; margin-bottom: 19px;}
#business-model .content-circle {font-size: 16px;}
#business-model .col-lg-4 {padding-top: 20px;}


/* Security */
#security .security-badge p { margin: 5rem 0; font-size: 17px;}
#security .security-badge .col-lg-push-4 {left:33.33%;}
#security .security-badge .col-lg-pull-3 {right: 25%;}
#security .security-badge .col-lg-offset-1 {margin-left: 8.33333%;}
#security .col-lg-offset-2 { margin-left: 16.66667%;}
#security .security-heading {margin: 0 auto;}
#security .ntplus {color: #F4901E; font-weight: 500;}
#security .security-badge strong {color: #F4901E; font-size: 17px;}
#security .security-heading h3 {font-size: 27px;}


/* Reward Program */
#reward-program {background : url("../img/reward-program.jpg"); height: 550px;}
#reward-program h2 {font-size: 30px; color: #F7931E; font-weight: 700;}
#reward-program p {color: #fff; font-size: 17px; font-weight: 600; margin-bottom: 0;}
#reward-program .reward-list {float:left; width: 50%; padding-left: 0; color: #fff; list-style-type: none;}
#reward-program .reward-list li {background: url("../img/diamond-list.png") no-repeat left 25px; padding-left: 30px; padding-top: 18px; font-size: 17px; line-height: 30px;}


/* Step By Step */
#stepbystep {background: url("../img/vision-bg.jpg") no-repeat;  background-size: cover; background-position: center center; padding: 3rem 0;}
#stepbystep .stepbystep-container {max-width:1140px!important;}
#stepbystep h2 {font-weight:700; margin-bottom: 0px; color: #fff; font-size: 28px;}
#stepbystep .service-box img {width: 90px;}
#stepbystep .service-box h3 {font-size: 25px; font-weight: 700; margin-top: 20px; margin-bottom: 10px!important; color:#FCEE21; }
#stepbystep .service-box p {font-size: 14px; color: #000!important;}
#stepbystep .main-content {color: #FCEE21; font-size: 30px; margin-bottom:0; font-weight: 600;}
#stepbystep .getting-ready {color: #fff; font-size: 30px; font-weight: 600;}
#stepbystep .stepbystep-container .first-content {color: #fff!important;}
#stepbystep .stepbystep-container .second-content {color: #000!important; font-weight: 600;}
#stepbystep .stepbystep-guide {padding-top: 20px;}


/* Anyone can join */
#anyone-join {background: url("../img/join-us.jpg")no-repeat; background-size: cover; background-position: center center;}
#anyone-join h3 {color: #fff; font-size: 20px; text-align:justify;}
#anyone-join p {color: #FCEE21; color: #FCEE21;line-height: 20px;}

/* Learn and Earn */
#learn {background: url("../img/learn-and-earn-bg.jpg");}
#learn h2 {color: #fff; font-weight:  700;}
#learn h2:after { content: ''; display: block; border-bottom: 3px solid #fff; width: 50px; margin: 20px 0;}
#learn p {color: #fff; font-size: 23px;}
#learn .pic-ipad {padding-bottom: 20px;}


/* Founder */
#founder {padding: 3rem 0;background-color:#fff;}
#founder h2 {font-weight: 700;}
#founder h2:after {content: ''; display: block; border-bottom: 3px solid #000; width: 60px; margin: 10px auto 30px;}
/* #founder img {width: 180px;} */
#founder img {width: 100%;}
#founder h3 {font-size: 17px; font-weight: 700; padding-top: 15px; margin-bottom: 0px!important;}
#founder .founder-name p {color:#000!important; font-size: 15px; font-style: italic; line-height: 20px;}
#founder .service-box {margin-bottom: 60px;}
#founder .management_team-container {margin: 0 auto;}
#founder .management_team-container .col-lg-4 {float: left;}
#founder .management-team-img {margin-bottom: 20px;}
/* Countdown Section */
#countdown-container {background: url("../img/countdown-bg.jpg")no-repeat; background-size: cover; background-position: center center; text-align: center; color: #fff;}
/*#countdown-container h2 {font-size: 40px; margin-bottom: 20px;}
#countdown-container p {font-size: 20px; margin-top: 10px;}*/
/*#countdown-container .days-top, #countdown-container .hours-top, #countdown-container .minutes-top, #countdown-container .seconds-top {font-size: 14px; font-weight: 600;}*/
#countdown-container  p.transform-your-earnings {margin-bottom: 0; font-size: 30px!important;}
#countdown-container p.innovative-and-automated {font-weight: 700; font-size: 55px; margin-bottom: 0; line-height: 50px;}
#countdown-container p.mining-power-platform {font-size: 40px;}


/* Contact  */
#contact {background-color: #212529; color: #fff;}
#contact .my-4 {padding-bottom: 15px;}
#contact p.mb-5:first-child {margin-bottom: 10px!important;}
#contact .container-icon {max-width: 1140px!important; margin: 0 auto!important;}
#contact i.fas.fa-envelope, #contact i.fab.fa-telegram-plane, #contact i.fab.fa-instagram, i.fa.fa-building, #contact i.fab.fa-facebook-square, #contact i.fab.fa-twitter{font-size: 50px; margin-bottom: 30px;}
#contact .title-icon {margin-bottom: 0;}

/* FAQ */
.faq #mainNav {background-color: #fff;}
.faq #mainNav .navbar-nav > li.nav-item > a.nav-link {color: #000;}
.faq .btn-flag {color: #000;}
#faq {padding: 10rem 0;}
#faq  h2 {padding-bottom: 10px; text-align: center; font-weight: 700;}
#faq  p {font-size: 17px;}
#faq h2:after {content: ''; display: block; border-bottom: 4px solid #000; width: 60px; margin: 10px auto 30px;}
#faq a.collapsed {color: #000!important; font-size: 20px}
#faq a {color: #000!important; margin-bottom:20px; font-size: 20px;}
#faq a:hover {text-decoration:none;}
#faq .panel.panel-default {border-bottom: 1px solid #F7931E; padding-top: 20px; margin-bottom: 15px;}
#faq .plus-icon-img img { width: auto; padding-right: 10px; padding-bottom: 5px; position: absolute; right: 10px; margin-top: 5px;}

/* News Feed*/
.newsfeed .copyright {clear: both;}
#news-feed {margin-top: 60px; overflow: hidden; background-color: #e9e9e9;}
#news-feed .news-feed-container .news-feed-img img{border-radius: 2px;}
#news-feed .news-feed-content {height: 150px; overflow: hidden; none; background-color: #fff;}
#news-feed .news-feed-content h4 {font-weight: 600; margin-top: 15px; padding: 0 10px;}
#news-feed .col-lg-4 {float:left; width: 33.33%; margin-bottom: 30px;}
#news-feed .news-feed-content span {position: absolute; right: 33px; bottom: 10px; padding: 8px 15px; font-weight: 600; background-color: #E26A5A; color: #fff!important; }


/* Copyright */
.copyright {background-color: #f06426;}
.copyright p {margin-top: 10px!important; font-size: 13px; color: #fff; font-weight: 600;}


/* Pop Up */
.popup-container { padding: 7px; }
h2.popup-title { background-color: #D1D2D4; padding: 10px; text-align: center; }
#hover-bg{ position:fixed; background:#000; width:100%; height:100%; opacity: .6; z-index: 999; }
#popup{ position:absolute; /*width:750px;*/ width: 465px; /* height:430px; */ height: 465px; background:#fff; left:60%; top:53%; margin-left: -375px; margin-top:-225px; box-shadow:0 0 10px 0 #000; z-index:999;}
#close-btn{ position:absolute; background:white; color:black; right:-15px; top:-15px; border-radius:50%; width:30px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:100; cursor:pointer; box-shadow:0 0 10px 0 #000;}
.side-thumbnails img { position: relative; z-index: -999; }
#popup img {width: 450px; height: 450px;}

/* Animation */
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}

.independent-representative {position: absolute; right: 477px; color: #fff; top: 17px; font-size: 13px;}
.independent-representative-login {position: absolute; right: 290px; color: #fff; top: 16px; font-size: 13px;}


/* Language Select */
.language {position: absolute; top: 15px; right: 290px; font-size: 13px;}
.register {position: absolute; top: 15px; right: 170px; font-size: 13px;}
.login {position: absolute; top: 15px; right: 44px; font-size: 13px;}
.login a { padding: 5px 30px 6px; background-color: #F05F40; border-radius: 5px;}
.login a:hover { text-decoration: none; background-color: #E26A5A;}
.login a.my-account {padding: 5px 20px;}
.register a { padding: 5px 30px; background-color: #0088cc; border-radius: 5px;}
.register a:hover { text-decoration: none; background-color: #0099E6;}

.language ul {padding-left: 0; list-style-type: none;}
.fixed-top.navbar-shrink .btn-flag {color: #333!important;}
.btn-flag {width: 70px; background-color: transparent; border: none; color: #fff; cursor: pointer;}
.btn-flag.en-flag {position: absolute; left: -190px; background:url('../img/gb.png'); background-repeat: no-repeat; background-position: 4px;}
.btn-flag.cn-flag {position: absolute; left: -135px; background:url('../img/chinese.png'); background-repeat: no-repeat; background-position: 4px;}
.btn-flag.th-flag {position: absolute; left: -75px; background:url('../img/thai.png'); background-repeat: no-repeat; background-position: 4px;}

/* Nav for Desktop */
.language form.nav-language-mobile{display: none!important;}


.greenColor{
    background-color: #33CC33;
}
.navbar-shrink .independent-representative, .navbar-shrink .language select {
    color: #000!important;
}

.dd .ddChild {overflow: hidden!important; height: 50px!important; padding: 3px;}
.dd .ddTitle {background: transparent!important; border: none!important;}
div#webmenu_child ul {padding-left: 0; list-style-type: none;}
div#webmenu_child ul li {margin-bottom: 5px; cursor: pointer;}
div#webmenu_child ul li span {color: #000; font-size: 10px;}
span.ddlabel { font-weight: 600;}
.dd .ddTitle {padding: 3px 3px 20px!important;}
.dd .ddTitle span.ddTitleText img {padding:0!important; margin-right: 5px; width: 16px;}
img.fnone {width: 16px; margin-right: 2px;}
.border {border: none!important;}
.navbar-shrink .independent-representative, .navbar-shrink .ddlabel {color: #000!important;}
div#webmenu_msdd {width: 60px!important;}

/* Terms of Use */
.terms-of-use #mainNav {background-color: #fff;}
.terms-of-use #mainNav .navbar-nav > li.nav-item > a.nav-link {color: #000;}
.terms-of-use #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {color: #000;}
.terms-of-use .col-md-12, .terms-of-use .col-lg-12  {max-width: 98%!important; margin: 0 auto;}
.terms-of-use .col-lg-12 {margin: 5px auto;}
.terms-of-use .independent-representative p {color: #000;}
.terms-of-use span.ddlabel {color: #000;}
.terms-of-use h2 {margin-top: 60px; font-size: 25px;}
.terms-of-use h3 {font-size: 18px;}
.terms-of-use .tnu ul {font-size: 14px; padding-left: 20px; list-style-type:none; text-align: justify; }
.terms-of-use .tnu p {text-align: justify; font-size: 14px;}
.terms-of-use .tnu ul li ul {list-style-type: disc!important; padding-left: 40px;}
.terms-of-use .col-lg-12 a {color: #fff!important; text-decoration: none;}

/* Privacy Policy */
.privacy .col-lg-12 a {color: #000!important; text-decoration: underline;}
.privacy .col-lg-12 p {text-align: justify;}
.privacy .col-lg-12 {margin-bottom: 20px;}

.language.login-language {right: 160px!important;}
.language.register-sign-up {right: 100px; top: 0px;}
.language.register-sign-in {right: 105px; top: 0;}


/* Official Launch Video */
.video-embed {background-color: #212529; padding: 5rem 0 1rem;}
.video-embed .video-embed-container {margin-top: 50px;}
.video-content {padding: 2rem 0;}
.video-content .future-money h2 {font-size: 35px; font-weight: 600; margin-top: 20px;}
.video-content .things-change h3 {font-size: 25px; margin-bottom: 20px;}
.video-content .things-change .image-container {float: left; width: 50%; margin-bottom: 50px;}
.video-content .things-change .image-container img {width: 630px;}
.video-content .things-change .image-container h4 {margin: 5px 0 20px; font-size: 20px;}
/*.video-content .image-container {overflow: hidden; clear: both;}
.video-content .image-things {float: left; width: 27%;}
.video-content .title-things {float: left; width: 50%;}*/
.video-content .great-disruption {clear: both;}
.video-content .great-disruption h2{margin-top: 35px; font-size: 30px; font-weight: 500;}
.video-content .suntec-city {padding: 20px 0 30px;}
.video-content .suntec-city h2 {margin-top: 0; font-size: 25px; font-weight: 500;}
.video-content .suntec-city p {font-size: 20px!important; text-align: left; max-width: 775px; margin: 20px auto;}
.video-content .join-the-fun h2 {margin: 0 0 20px; font-size: 35px;}
.video-content .join-the-fun h3 {font-size: 25px; margin-bottom: 20px;}
.video-content .join-the-fun ul {text-align: left; max-width: 690px; margin: 0 auto; font-size: 20px;}
.video-content .payment-pages {margin-top: 50px;}
.terms-of-use .payment-pages a {padding: 15px 30px; background-color: #F05F40; color: #fff!important; text-decoration: none;}

.lease_agreement {font-size: 13px!important;}

.now {display: none;}

/* Gallery Page */
#main-gallery-container {/*background-image: linear-gradient(to top, #ecedee 0%, #eceeef 75%, #e7e8e9 100%); min-height: 100vh;*/font: normal 16px sans-serif; padding: 0 0 60px;}
#main-gallery-container .top-nav {overflow: hidden; border-bottom: 1px solid #c1c1c1;}
#main-gallery-container .top-nav img {width: auto; max-width: 100%!important;}
#main-gallery-container .gallery-logo {float: left; padding: 5px 20px;}
#main-gallery-container .gallery-social {float: right;}
#main-gallery-container .gallery-social ul {margin-top: 22px;}
#main-gallery-container .gallery-social ul li {display: inline-block; margin-right: 15px;}
#main-gallery-container .gallery-social ul li.back-to-homepage a {padding: 10px 20px; border: 1px solid #ee6527; font-size: 13px; font-weight: 600; color: #ee6527; border-radius: 5px;}

#gallery-container {clear: both; padding: 2rem 0 3rem;}
#gallery-container h1 {font-size: 50px; font-weight: 600; color: #ee6527;}
#gallery-container h3 {font-weight: 600;}
#gallery-container .photo, #gallery-video .photo {font-size: 30px;}
#gallery-container p.photo, #gallery-video p.photo {color: #7d7d7d;}
#gallery-container .btn-to-facebook {margin-top: 20px;}
#gallery-container .btn-to-facebook a{padding: 10px 30px; background-color: #ee6527; border-radius: 5px; color: #fff;}

#gallery-video {padding: 2rem 0; border-top: 1px solid #c1c1c1;}
#gallery-video .photo {text-align: center;}
#gallery-video .video-gallery {text-align: center;}

.container.gallery-container {background-color: #fff; color: #35373a; min-height: 100vh; border-radius: 20px;  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);}
.gallery-container h1 {text-align: center; margin-top: 70px; font-family: 'Droid Sans', sans-serif; font-weight: bold;}
.gallery-container p.page-description {text-align: center; max-width: 800px; margin: 25px auto; color: #888; font-size: 18px;}
.tz-gallery {padding: 20px;}
.tz-gallery .lightbox img {width: 100%; margin-bottom: 30px; transition: 0.2s ease-in-out; box-shadow: 0 2px 3px rgba(0,0,0,0.2); }
.tz-gallery .lightbox img:hover {transform: scale(1.05); box-shadow: 0 8px 15px rgba(0,0,0,0.3);}
.tz-gallery img {border-radius: 4px;}
.baguetteBox-button {background-color: transparent !important;}
.tz-gallery .lightbox img {margin-bottom: 15px;}
.tz-gallery .col-sm-7.col-md-3 {padding: 0 10px!important;}

/* Mobile Banner */
.mobile-banner-dropdown {display: none;}


/** Media Query Screens*/
@media only screen and (max-width: 768px) {
  .video-background {display:none!important;}
  .owl-bg.owl-bg-desktop { background: transparent;}
  br.now-available {display:block;}
	.now {display: block!important;}
	.testing {display:none;}
	.logo-white {display:none!important;}
	.mobile-view {display:block!important;}
	#mainNav .navbar-nav > li.nav-item > a.nav-link {color:#000;}
	#page-top .promoter {display: none;}
	#mainNav.navbar.navbar-shrink {padding: 1rem 1rem 0.3rem!important;}
	.owl-bg {max-height: 65vh;}/*{height: 50vh;}*/
	.owl-bg-mobile {display: block!important;}
	.owl-bg-desktop {display: none!important;}
	.independent-representative {margin-left: 10px; font-weight: 600; position: inherit; font-size: inherit; color: #333; margin-top: 10px;}
	.independent-representative p {margin-bottom: 0;}
	.login {margin-left: 10px; position: inherit; margin-top: 15px;}
	.login a {padding: 5px 30px;}
	.register a {padding: 5px 30px;}
	.language select {color: #000!important;}
	.language {bottom: 7px; top:inherit; right: 120px;}
	.register {top: inherit; bottom: 8px; right: 33%; }
	#mainNav.navbar.navbar-shrink {padding: .5rem 1rem!important;}
	.dd .ddTitle {overflow: inherit!important;}
	span.ddlabel {color:#000!important; display: none;}
	.dd .ddTitle span.ddTitleText img {width: 25px;}
	img.fnone {width: 25px;}
	div#webmenu_msdd {width: 0!important;}
	.call-action-btn p {margin-left: 50px;}
	.preview-menu  {width: 90px; margin-top: 0; margin-left: 10px;}
	#mainNav.navbar a.nav-link.js-scroll-trigger.preview {border: 1px solid #212529;}
	#mainNav.navbar a.nav-link.js-scroll-trigger.preview:hover {border: 1px solid #F05F40; color: #fff;}
	.language.register-sign-in {right: -5px; top: -20px;}
	.independent-representative label {margin-bottom: 0;}

	#page-top #mainNav.navbar-shrink img.mobile-view {display:none!important;}

  /* News Feed*/
  #news-feed {margin-top: 0; padding-top: 30px;}
  #news-feed .col-lg-4 {float: none; width: 100%;}

	/* Nav */
	.language form.nav-language-mobile{display: block!important;}
	.language.testing-kk {/*position: fixed;*/ z-index: 9999; top: 6px; right: 4px;}
	/*.language .nav-language-mobile ul {position: absolute; top: -795px; left: 111px; z-index: 9999;}*/
	.nav-language-desktop {position: absolute; left: 110px;}
	.btn-flag {color: #333;}
	.independent-representative-login {position: inherit; color: #333; margin-left: 10px; font-weight: 600; font-size: inherit; margin-top: 10px;}
	.independent-representative-login p { margin-bottom: -10px; }
  .navbar-toggler {position: absolute; right: 15px; top: 65px;}
  .fixed-top {position: sticky; position: -webkit-sticky;}
  #mainNav.navbar.navbar-shrink {padding: 2rem 1rem .5rem!important;}

/* Mobile Banner */
.mobile-banner-dropdown {display: block; overflow: hidden; position: sticky; position: -webkit-sticky;}
.mobile-split-container.mobile-banner-close { float: left; width: 10%; }
.mobile-split-container { float: left; width: 90%;}
.mobile-banner-container {overflow:hidden;}

.container-newtyoonplus {clear:both;}

	/* Nav Language Desktop */
	.nav-language-desktop {display: none!important;}

	/* When Timer finish countdown */
	p.simple-proven {font-size: 23px;}
	p.paragraph-second.experieence {margin-bottom: 30px!important;}



	a.register-now {font-size: 20px; padding: 10px 30px; }
	/* First Slider */
	#page-top .random-image .slider-text.first-slider p:first-child {font-size:25px;}
	#page-top .random-image .slider-text.first-slider p:nth-child(2) {font-size: 35px; line-height: 40px;}
	#page-top .random-imagebxslider .slider-text.first-slider p:nth-child(3) {font-size:25px;}

	/* Second Slider */
	#page-top .random-image .slider-text.second-slider:first-child {top:40%; left: 5%;}
	#page-top .random-image .slider-text.second-slider p.paragraph-second {font-size: 20px;}
	#page-top .random-image .slider-text.second-slider p.paragraph-second {font-size: 24px; line-height: 30px;}


	/* Third Slider */
	#page-top .random-image .slider-text.third-slider p:first-child {font-size: 29px; line-height: 40px;}

	/* Call Action */
	#call-action .call-action-container, #call-action .col-lg-9, #call-action .col-lg-8 {padding-left: 15px;}
	#call-action strong {font-size: inherit;}


	/* About */
	#about {background-position:top right; padding: 3rem 0;}
	#about .col-md-6 {margin-top: 0;}

	/* Cryptocurrency */
	#crytocurrency h2 {margin-top: 0; font-size: 30px;}
	#crytocurrency .right-spacing {padding-left: 0;}
	#crytocurrency .box-background {padding:60px 30px;}


	/* Product */
	#product h2 {font-size: 24px;}
	#product .passive-bg, #product .active-bg {height: auto; background-position: center center; background-size: cover;}
	#product ul li {font-size: 17px;}

	/* Mining Power */
	#mining-power .active-bg {height: auto; background-image: url('../img/product-mobile-img.jpg'); background-repeat: no-repeat; background-size: cover; }

	/* Business Model */
	#business-model .business-model {height: auto;}
	#business-model .number-heading {margin-bottom: 0;}
	#business-model .content-circle {font-size: 16px; line-height: 20px;}
	#business-model .business-content {padding: 0 77px;}


	/* Security */
	#security {padding: 2rem 0;}
	#security .security-badge .col-lg-push-4 {left: 0;}
	#security .security-badge .col-lg-pull-3 {right: 0;}
	#security .security-badge .col-lg-offset-1 {margin-left: 0;}
	#security .security-heading h3 {font-size: 24px;}
	#security .security-badge p {margin: 2rem 0; font-size: 16px;}
	#security p.no-spacing {margin-top: 0;}

	/* Vision and  Mission */
	#vision .col-lg-4 {padding-bottom: 40px;}

	/* Reward Program */
	#reward-program {padding: 0;  height: auto;}
	#reward-program .opacity-mobile {background-color: rgba(0,0,0,0.5); padding: 3rem 0;}
	#reward-program .reward-list {float:none; width: 100%; margin-bottom: 0;}

	/* Step by Step */
	#stepbystep .service-box.mx-auto {padding-bottom: 40px;}

	/* Founder */
	#founder .service-box.mx-auto {padding-bottom: 40px;}

	/* Countdown Section */
	#countdown-container {background-position: -215px 0;}
	#countdown-container p.innovative-and-automated, #countdown-container p.mining-power-platform {font-size: 30px }

	/* FAQ */
	#faq .plus-icon-img img {display:none;}

	/* Learn and Earn */
	#learn .pic-ipad .col-lg-3 {padding-bottom: 30px;}
	#learn .video-container .col-lg-4 {padding-bottom: 20px;}

	/* Contact */
	#contact .container-icon .col-lg-4 {margin-bottom: 30px;}


	/* Pop Up */
	#popup {
    position: absolute;
    width: 100%;
    height: 275px;
    background: transparent;
    left: 0%;
    top: 27%;
    box-shadow: none;
    z-index: 999;
    margin: 0 auto;
    /*display: none;*/
}

/*div#hover-bg {display:none;}*/

#popup img {width: 100%; height: 100%;}

	#close-btn {right: 0; top:0;}

	.owl-prev {left: 0;}
	.owl-next {right: 0;}
	.language.register-sign-up {right: -5px; top: -3px;}

	br.fnq-mobile-text, br.video-text {display:none;}

	/* Video */
	.video-content .things-change .image-container img {width: 100%;}
	.video-content .things-change .image-container {width: 100%; margin-bottom: 20px;}
	.video-embed .video-embed-container {margin-top: -20px; margin-bottom: -75px;}

	/* Gallery Page */
	#main-gallery-container .gallery-logo, #main-gallery-container .gallery-social {float: none; text-align: center;}
	.tz-gallery .col-sm-7.col-md-3 {margin: 0 auto;}
	.container.gallery-container {border-radius: 0;}
	#gallery-video iframe {width: 100%; padding: 0 20px; position:relative; z-index: 9999;}

}


/* Iphone Screen */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {  #business-model .content-circle {padding: 30px 139px;!important}

}