@font-face {

    font-family: Montserrat; 

    src: url("../fonts/Montserrat-Regular.otf");

}

@font-face {

    font-family: Montserrat-Bold;

    src: url("../fonts/Montserrat-SemiBold.otf");

}

@font-face {

    font-family: Montserrat-ExtraBold;

    src: url("../fonts/Montserrat-ExtraBold.otf");

}

@font-face {

    font-family: Montserrat-Light;

    src: url("../fonts/Montserrat-Light.otf");

}

@font-face {

    font-family: OS;

    /* src: url("../fonts/OpenSans-Regular.ttf"); */

    src: url('../fonts/os/OpenSans-Regular.eot'); /* IE9 Compat Modes */

	src: url('../fonts/os/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	   url('../fonts/os/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */

	   url('../fonts/os/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */

	   url('../fonts/os/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */

	   url('../fonts/os/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */

}

@font-face {

    font-family: OS-ExtraBold;

    /* src: url("../fonts/OpenSans-ExtraBold.ttf"); */

 	src: url('../fonts/os/OpenSans-ExtraBold.eot'); /* IE9 Compat Modes */

	src: url('../fonts/os/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	   url('../fonts/os/OpenSans-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */

	   url('../fonts/os/OpenSans-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */

	   url('../fonts/os/OpenSans-ExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */

	   url('../fonts/os/OpenSans-ExtraBold.svg#svgFontName') format('svg'); /* Legacy iOS */   

}



body{

  font-size: 12px;

    font-family: Montserrat;

}

.form-control:focus{box-shadow: none; border-color: #00e0a4;}

@media (min-width: 1200px){

  .container {

      max-width: 1200px;

  }

}

.bg-gray{background-color: #f7f7f7;}

.bg-darkblue{background-color: #1b394c;}

.bg-darkblack{background-color: #141618;}

.bg-green{background-color: #00e0a4;}

.text-green{color: #00e0a4;}

.text-white{color: #ffffff;}

.box-shadow{box-shadow: 0px 24px 30px 0px rgba(51,51,51,0.4);}

#player{
  box-shadow: 30px 30px 30px 0px rgb(51 51 51 / 30%);
}



/*==================================================

 * box-shadow effect

 * ===============================================*/

.box-shadow-effect

{

    position:relative;

    -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;

       -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;

            box-shadow:0 0px 0px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;

}

.box-shadow-effect:before, .box-shadow-effect:after

{

    content:"";

    position:absolute;

    z-index:-1;

    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.2);

    -moz-box-shadow:0 5px 20px rgba(0,0,0,0.2);

    box-shadow:0 5px 20px rgba(0,0,0,0.2);

    top:50%;

    bottom:0;

    left:10px;

    right:10px;

    -moz-border-radius:100px / 10px;

    border-radius:100px / 10px;

}

.box-shadow-effect:after

{

    right:10px;

    left:auto;

    -webkit-transform:skew(8deg) rotate(3deg);

       -moz-transform:skew(8deg) rotate(3deg);

        -ms-transform:skew(8deg) rotate(3deg);

         -o-transform:skew(8deg) rotate(3deg);

            transform:skew(8deg) rotate(3deg);

}





.card-img-top{

  height: 206px;

}

.card-title{

  height: 59px;

  overflow: hidden;

  position: relative;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.card{

  margin-bottom: 40px;

  margin-left: 5px;

  border-radius: 0;

  border: none;

}

.card-body button.btn{

  border-radius: 50px; 

  font-family: Montserrat-Bold; 

  font-size: 12px; 

  padding: 10px 26px; 

  letter-spacing: 1px; 

  border-color: white;

  background: #1b394c;

  color: #ffffff;

}

.card-body button.btn:hover,

.card-body button.btn:focus{

  background: #00e0a4;

  color: #1b394c;

}



#page-faq .card{margin-bottom: 0;}

#page-timeline .vision-mission .info-box .nav-tabs .nav-link{margin: 0;}





.header-top{

  background: #00e0a4;

  text-transform: uppercase;

  color: #ffffff;

  font-size: 16px;

  font-family: Montserrat;

}

header{border-bottom: 1px solid #dddddd; z-index: 9999; position: relative;}

.navbar .container{padding: 0;}

.navbar-brand{padding: 0;}

.navbar-nav{

  font-family: Montserrat-Bold;

  letter-spacing: 1px;

}

.navbar-nav a{

  color: #303133;

}

.navbar-nav a:hover{

  color: rgba(48,49,51,.5)

}

.navbar-nav .nav-item.dropdown{

  width: 215px;

  background: #1b394c;

  text-align: center;

  color: white;

  border-radius: 100px;

  margin-left: 10px;

  margin-right: 10px;

  height: auto;

}

/* .navbar-nav li.nav-item{height: 100%;} */

.navbar-nav .nav-item.social-icon{

  padding-left: 6px !important;

  padding-right: 6px !important;

}

.navbar-expand-md .navbar-nav .dropdown-menu{

  width: 100%;

  padding: 0;

}

.navbar-nav .nav-item.dropdown>a{

  color: white;

}

.navbar-nav i{

  padding: 8px 0;

  font-size: 18px;

}

.dropdown-item{font-size: 12px; padding: 10px; text-align: center;}

a.dropdown-item:hover{background: #00e0a4; color: white;}





.banner{

  height: 500px;

  background: top url(../images/Blockmesh_Updated_BG_Web.png) no-repeat;

    background-size: cover;

  border-bottom: 6px solid #EEEEEE;

}

.banner-left{

  margin: 78px 0 0 20px;

  color: #1b394c;

    /*width: 470px;*/

}

h1.banner-text{

  font-family: Montserrat-ExtraBold;

  font-weight: bold;

  font-size: 35px;

  width: 470px; 

}

.banner-text span {

    color: #00e0a4;

}



form.banner-form{

    margin-top: 30px;

}

form.banner-form>*{

  border-radius: 0;

  font-size: 12px;

  font-family: Montserrat;

  letter-spacing: 1px;

  color: #1b394c;

  padding: 10px 15px;

}

form.banner-form input{

  width: 200px !important;

}

form.banner-form button{

  margin-left: -4px;

  background-color: #00e0a4;

  color: white;

  border: none;

  font-family: Montserrat-Bold;

  text-transform: uppercase;

}

form.banner-form button:hover,.banner-left form button:focus{

  background-color: #1b394c;

}

.banner-left .social-icon{

  border-radius: 50%;

  padding: 14px 16px 14px;

  margin-left: 8px;

  font-size: 18px;

  background: #FFFFFF;

  border: 1px solid #c7c7c7;

  color: #1b394c;

  vertical-align: middle;

}

.banner-google-play-btn {

  color: #1b394c;

  font-size: 15px;

  margin-top: 36px;

  font-family: Montserrat-Bold;

}

.banner-google-play-btn a {

  float: none;

  height: 40px;

  display: inline-block;

  vertical-align: middle;

  margin-left: 10px;

}

.banner-google-play-btn a img {

  background: #1b394c;

  border-radius: 6px;

}

#play{padding-top: 105px;}

/*#play img{

  border: 5px solid #00e0a4;

  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#9DF8AD), to(#3C8F61)) 4 4 4 4 repeat repeat;

}*/

.banner-bottom{padding: 20px 0;}

.banner-bottom h2{

  padding: 14px 0 10px;

  font-family: Montserrat;

  font-size: 20px;

}

.banner-bottom h2 strong{

  font-family: Montserrat-Bold;

}

.banner-bottom-right img{padding: 13px 0 5px;/* width: 60% !important;*/}

.banner-left-newsbar,.banner-left-newsbar a{

  font-family: Montserrat-Bold;

  font-size: 14px;

  color: #00e0a4;

  transition: all 200ms;

}

.banner-left-newsbar a:hover,

.banner-left-newsbar a:focus{

  text-decoration: none;

  transition: all 200ms;

}

.banner-left-newsbar a:hover i,

.banner-left-newsbar a:focus i{

  margin-left: 20px;

  transition: all 200ms;

}

.banner-left-newsbar label{

  border-radius: 50px;

  font-size: 12px;

  margin-right: 5px;

}

.banner-left-newsbar i{

  font-size: 12px;

  margin-left: 10px;

  transition: all 200ms;

}





.info-box{padding: 80px 0;}

.info-box .head {font-family:  Montserrat-Bold; margin-bottom: 40px;}

.info-box hr{border-width: 2px; /*border-color: #1b394c;*/}

.info-box hr.green{border-color: #00e0a4;}

.info-box hr.white{border-color: #ffffff;}

.info-box hr.darkblue{border-color: #1b394c;}

.info-box h5{font-family: Montserrat-Bold; font-size: 16px; line-height: 1.5; color: #303133;}

.info-box p{font-family: Montserrat; font-size: 14px; margin-top: 10px; color: #777777;}



.exchanges .body{padding: 0 200px;}

.exchanges .info-box{padding-top: 20px;}

.vision-mission .info-box ul.nav{display: inline-flex;}

.vision-mission .info-box .tablist-hr{margin: 0; width: 400px; margin: 0 auto;}

.vision-mission .info-box .nav-tabs{border-bottom: none;}

.vision-mission .info-box .nav-tabs .nav-link{font-size: 22px; font-family: Montserrat-Bold; color: #1b394c; border: none; padding: 1.5rem 1rem; margin: 0 10px;}

.vision-mission .info-box .nav-tabs .nav-link.active{ border: none; border-bottom: 2px solid #20e0ad; color: #20e0ad;}

.vision-mission .info-box .nav-tabs .nav-link:focus,

.vision-mission .info-box .nav-tabs .nav-link:hover{border-bottom: 2px solid #20e0ad; color: #20e0ad;}

.vision-mission .info-box .nav-tabs .nav-item{margin-bottom: -2px;}

.vision-mission .info-box h5{font-size: 20px; line-height: 1.8; color: #717171; margin-top: 14px;}

.vision-mission .info-box p{font-size: 18px; margin-top: 10px; color: #999999;}

.vision-mission .info-box .tab-content>.tab-pane{padding: 0 100px;}



.problem-solution .info-box{

  background-color: #20e0ad;

  background: rgb(116,219,191);

  background: -moz-linear-gradient(top,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

  background: -webkit-linear-gradient(top,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

  background: linear-gradient(to bottom,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74dbbf',endColorstr='#20e0ad',GradientType=0);



  padding: 100px;

  font-size: 14px;

  border-radius: 50px;

}

.problem-solution .info-box .problem-box{padding-bottom: 50px;}

.problem-solution .info-box .solution-box{padding-top: 50px;}

.problem-solution .info-box h5{color: #FFFFFF; font-size: 22px;}

.problem-solution .info-box div{font-size: 18px; color: #f2f2f2;}



.blockmesh-platform{margin-top: 40px;}

.blockmesh-platform .info-box h5{font-size: 20px; margin-top: 20px;}

.blockmesh-platform .info-box p{font-size: 17px; margin-top: 20px;}



.blockmesh-platform .three-box-row{

  padding-top: 80px;

}

.blockmesh-platform .three-box-row p{

  font-size: 13px;

  line-height: 1.8;

}

.blockmesh-platform .three-box-row .sub-box{min-height: 170px;}



.coinstructure .info-box p{margin-top: 20px;}

.coinstructure .info-box [id^="bar"]>div{margin: 0 auto;}



.timeline{

  background-color: #20e0ad;

    background: rgb(116,219,191);

    background: -moz-linear-gradient(top,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

    background: -webkit-linear-gradient(top,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

    background: linear-gradient(to bottom,rgba(116,219,191,1) 13%,rgba(32,224,173,1) 74%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74dbbf',endColorstr='#20e0ad',GradientType=0);



    padding-top: 30px;

    padding-bottom: 30px;

}

.timeline .info-box .head hr{border-color: white;}

.timeline .info-box h5{color: white; font-size: 22px;}

.timeline .info-box ul li{font-size: 15px;}

.timeline .timeline-box{padding-top: 20px; padding-bottom: 20px;}



.timeline .timeline-full-btn a.btn,

.subscribe-bottom-btn .btn,

.subscribe-bottom-btn .btn1:hover,

.subscribe-bottom-btn .btn1:focus,

a.google-form-btn{

  border-radius: 50px; 

  font-family: Montserrat-Bold; 

  font-size: 12px; 

  padding: 10px 26px; 

  letter-spacing: 1px; 

  border-color: white;

  background-color: #ffffff;

  color: #00e0a4;

}

.google-form-bar h2{margin-bottom: 0;}

.google-form-bar h2 span{vertical-align: middle;}

a.google-form-btn{background: #00e0a4; color: white; margin-left: 10px; vertical-align: middle;}

a.google-form-btn:hover,

a.google-form-btn:focus{background-color: #1b394c;}

.subscribe-bottom-btn .btn{margin: 4px 10px;}

.subscribe-bottom-btn .btn,

.subscribe-bottom-btn .btn1:hover,

.subscribe-bottom-btn .btn1:focus{color: #1b394c;}


.timeline .timeline-full-btn a.btn:hover,

.timeline .timeline-full-btn a.btn:focus,

.subscribe-bottom-btn .btn1,

.subscribe-bottom-btn .btn2:hover,

.subscribe-bottom-btn .btn2:focus{

  color: white; 

  background-color: transparent;

}

.subscribe-bottom-btn{margin:40px 0 0;}

.subscribe-bottom-btn .loadMore{border-color: #999999;}

.subscribe,

.featured{padding: 40px 0;}



.featured .info-box img{

  margin: 0 20px;

}

form.subscribe-form input{width: 450px !important; padding: 24px 20px; border-radius: 10px 0 0 10px;}
form.contact-form input,
form.contact-form textarea{padding: 24px 20px; border-radius: 10px;}

form.contact-form .input-group input{ border-radius: 0 10px 10px 0 !important; }
form.contact-form .input-group .input-group-prepend span{ border-radius: 10px 0 0 10px; }

form.subscribe-form button{background-color: #f7f7f7; border-color: #f7f7f7; border: 1px solid #f7f7f7 !important; padding: 24px 20px; color: #1b394c; border-radius: 0 10px 10px 0;}

.invalid-recaptcha{ margin-top: .25rem; font-size: 80%; color: #dc3545; }



.bg-darkblack .icon{

  margin: 0 6px;

  font-size: 18px;

}

.bg-darkblack a{color: white;}

.bg-darkblack a:hover,

.bg-darkblack a:focus{opacity: 0.6; text-decoration: none;}





/* =========== Timeline Page ========== */

.banner-common{

  background: top url(../images/Header2.jpg) no-repeat;

  background-size: 100%;

  height: 490px;

}

.banner-common .banner-common-text{

  font-size: 100px;

  font-family: OS-ExtraBold;

  font-weight: 900;

  padding-top: 180px;

}

.timeline-page-box{padding-bottom: 50px; }

.timeline-page-box .info-box ul.nav,.timeline-page-box .info-box .tab-content{

  display: inline-block;

}

.timeline-page-box .info-box ul.nav{border-right: 1px solid #eaeaea;}

.timeline-page-box .info-box ul.nav li a{padding: .5rem 50px; border: none;}

.timeline-page-box .info-box .nav-tabs .nav-link{border-right: 2px solid transparent; border-radius: 0;}

.timeline-page-box .info-box .nav-tabs .nav-link.active,

.timeline-page-box .info-box .nav-tabs .nav-link:focus, 

.timeline-page-box .info-box .nav-tabs .nav-link:hover{border: none; border-right: 2px solid #20e0ad;}

.timeline-page-box .info-box .tab-content p{font-size: 15px;line-height: 1.75;}



.faq-page-box #accordion{

  font-weight: 600;

  font-family: Montserrat;

  -webkit-font-smoothing: antialiased;

  border-bottom: 1px solid #eaeaea;

  margin-bottom: 30px;

}

.faq-page-box #accordion .card-header{padding: 0; background: transparent; border:none;}

.faq-page-box #accordion .card-header a{

  color: #1b394c !important;

  display: block;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  padding: 18px 0px 18px 0px;

  border: none;

  border-bottom: 1px solid #eaeaea;

}

.faq-page-box #accordion .card-header a.collapsed{border: none;}

.faq-page-box #accordion .card{border-radius: 0; border: none; border-top: 1px solid #eaeaea;}

.faq-page-box #accordion .card-body{

  padding: 27px 0px 27px 0px; 

  color: #777777; 

  font-weight: 400; 

  font-family: OS; 

  font-size: 14px;

}

.faq-page-box #accordion .card-body p{

  color: #777777; 

  font-weight: 400; 

  font-family: OS; 

  font-size: 14px;

}


.faq-page-box #accordion .card-header .card-link:after {

    content: "\⮟";

    float: right; 

    color: grey; 

}

.faq-page-box #accordion .card-header .card-link.collapsed:after {

    content: "\⮞";

}



.wallet .info-box{padding-right: 70px; padding-left: 70px;}

.wallet .info-box .body p{font-size: 15px; line-height: 1.75; margin: 18px 0 0;}



.team-wrapper .info-box .member{margin-bottom: 20px; margin-top: 20px;}

.team-wrapper .info-box .member-name{

  color: #929292; 

  font-family: Montserrat-Bold; 

  font-size: 14px;

  margin-top: 18px;

  min-height: 40px;

}

.team-wrapper .info-box .member-des{

  color: #929292; 

  font-size: 12px;

  min-height: 40px;

  margin-bottom: 10px;

}

.team-wrapper .info-box .member hr{

  border-color: #eaeaea;

  border-width: 1px;

}

.team-wrapper .info-box .member-social{font-size: 16px;}

.team-wrapper .info-box .member-social a{color: #929292;}

.team-wrapper .info-box .member-img-box{

  position: relative;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}

.team-wrapper .info-box .member-img-box img{width: 100%;}

.team-wrapper .info-box .member-img-box .overlay{

  position: absolute;

  top: 0;

  left: 0;

  right: 0; 

  bottom: 0;

  box-shadow: inset -1px -50px 97px -31px #000000;

  -webkit-box-shadow: inset -1px -50px 97px -31px #000000;

  -moz-box-shadow: inset -1px -50px 97px -31px #000000;

  -o-box-shadow: inset -1px -50px 97px -31px #000000;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}

.team-wrapper .info-box .member-img-box:hover .overlay{

  box-shadow: inset 0px 0px 0px -100px #000000;

  -webkit-box-shadow: inset 0px 0px 0px -100px #000000;

  -moz-box-shadow: inset 0px 0px 0px -100px #000000;

  -o-box-shadow: inset 0px 0px 0px -100px #000000;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}



.partners .info-box .body .partner{

  /*height: 50px;*/

  width: 100%;

  margin: 0;

}
.partners .info-box .body .partner.Serval-fix{ width: auto; height: 75px; }



.extender .extender-row{margin-top: 30px; margin-bottom: 30px;}

.disclaimer .info-box h1{font-weight: 900; font-family: Montserrat-Bold;}

.disclaimer .info-box p{display: block; width: 100%;}

.disclaimer .info-box ol li{letter-spacing: 1px; color: #777777;}



.navbar{border-bottom: 1px solid rgba(234,234,234,0.5);}



#toTop{

  position: fixed;

  bottom: 20px;

  right: 20px;

  cursor: pointer;

  display: none;

  color: #ffffff !important;

    background-color: #303133 !important;

    border-color: #303133 !important;

    padding: 0;

}

#toTop i{

    border-radius: 2px;

    width: 2em;

    height: 2em;

    line-height: 2em;

}

.vision-mission .info-box .member-des p{

  font-size: 12px;

}





/* ------------ PARTICLE STARTS --------------- */

canvas{

  display:block;

  vertical-align:bottom;

}





/* ---- stats.js ---- */



.count-particles{

  background: #000022;

  position: absolute;

  top: 48px;

  left: 0;

  width: 80px;

  color: #13E8E9;

  font-size: .8em;

  text-align: left;

  text-indent: 4px;

  line-height: 14px;

  padding-bottom: 2px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;

}



.js-count-particles{

  font-size: 1.1em;

}



#stats,

.count-particles{

  -webkit-user-select: none;

  margin-top: 5px;

  margin-left: 5px;

}



#stats{

  border-radius: 3px 3px 0 0;

  overflow: hidden;

  display: none;

}



.count-particles{

  border-radius: 0 0 3px 3px;

}





/* ---- particles.js container ---- */



#particles-js,#particles-js2{

  width: 100%;

  height: 300px;

  background-color: #ffffff;

}



/* ------------ PARTICLE ENDS --------------- */



.card-col-box{display: none;}

/* .row{

	display: -webkit-box;            OLD - iOS 6-, Safari 3.1-6 

	display: -moz-box;               OLD - Firefox 19- (doesn't work very well) 

	display: -ms-flexbox;            TWEENER - IE 10 

	display: -webkit-flex;           NEW - Chrome 

	display: flex; 

}

.coinstructure .info-box .body .col{width: 14.285%;} */



*{text-rendering: optimizeLegibility !important;}







@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

   form.subscribe-form input{padding: 26px 20px;}

}

/*.google-form-button{
    border-radius: 50px;
    font-family: Montserrat-Bold;
    font-size: 12px;
    padding: 10px 26px;
    letter-spacing: 1px;
    border-color: white;
    background-color: #ffffff;
    color: #00e0a4;
}*/



/*==========  Responsive Method  ==========*/

@media only screen and (max-width : 1200px) {

  .navbar-brand img{ width: 80%; }

  .navbar-nav a, .navbar-nav a i{font-size: 11px; padding: 0;}

  .navbar-nav .nav-item.dropdown{width: 160px;}

  .navbar-nav .nav-item{padding: 4px 0 !important;}

  .navbar-nav a.dropdown-item{padding: 6px 4px !important;}

  .banner-left{margin-top: 60px;}



  .blockmesh-platform .info-box h5{font-size: 14px;}

  .blockmesh-platform .info-box p{font-size: 12px;}

  .blockmesh-platform .three-box-row{padding: 0;}

  .blockmesh-platform .three-box-row .text-center img{margin-top: 60px;}

  .blockmesh-platform .three-box-row>.p-5{padding-bottom: 0 !important;}



  .info-box{padding: 30px 0 0;}

  .info-box .body{padding-bottom: 30px;}



  .coinstructure .info-box [id^="bar"]>div{width: 7em !important; height: 7em !important;}

  .coinstructure .info-box .body{padding-top: 0 !important;}

  

  form.subscribe-form{margin-top: 15px;}



  /* =========== Timeline Page ========== */

  .banner-common{background-size: cover;}



  .team-wrapper .info-box .member-des{font-size: 10px;}

  .partners .info-box .body .partner{height: 34px;}



}



@media only screen and (min-width : 1139px) {

  .timeline-page-box-inner{

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

}



@media only screen and (max-width : 979px) and (min-width : 768px)  {

  .nav-item.social-icon{display: none;}

  .navbar-nav a{font-size: 10px;}

  .navbar-expand-md .navbar-nav .nav-link{padding-left: 0 !important;}

  .navbar-nav .nav-item.dropdown{width: 130px;}

}



@media only screen and (max-width : 979px) {

  h1.banner-text{width: auto; font-size: 29px;}

  .banner-left{margin: 20px 0 0;}

  form.banner-form input{width: 155px !important;}

  .banner{height: 400px;}

  .banner-google-play-btn{font-size: 14px; margin-top: 26px;}

  .banner-bottom-right a img{width: 100% !important; margin-top: 20px;}

  .card-img-top{height: 120px;}

  .card-body .card-title{font-size: 20px; height: 51px;}

  .exchanges .info-box .body img{width: 70%;}

  .exchanges .body{padding: 0;}



  .blockmesh-platform .info-box .body .p-5{padding: 0 !important;}

  .blockmesh-platform .info-box h5,

  .blockmesh-platform .info-box p{font-size: 12px;}

  .blockmesh-platform .info-box p{margin-top: 0;}

  .blockmesh-platform .three-box-row .sub-box{min-height: 130px; padding: 0 !important;}

  

  .coinstructure .info-box .body{padding-left: 0 !important; padding-right: 0 !important;}

  .coinstructure .info-box [id^="bar"]>div{width: 5em !important; height: 5em !important;}



  .timeline .info-box h5{font-size: 18px;}

  .timeline .info-box ul li{font-size: 12px;}



  .subscribe .info-box h4{font-size: 22px;}

  form.subscribe-form input{width: 280px !important;}

  .featured .info-box img{margin: 0 6px; width: 80px; height: 80px;}



  .vision-mission .info-box .tab-content>.tab-pane{padding: 0;}



  /* =========== Timeline Page ========== */

  .banner-common .banner-common-text {font-size: 80px; padding-top: 144px;}

  .img-width{width: 180px;}



}



@media only screen and (max-width : 767px) {

  .banner{height: auto;}

  .navbar-toggler{position: relative;}

  .navbar-collapse{position: absolute; right: 0; top: 70px; background: #1b1d1f; color: white; width: 100%; z-index: 9999; text-align: center; padding: 30px; box-shadow: 0px 24px 30px 0px rgba(51,51,51,0.4);}

  .navbar-collapse .social-icon{display: none;}

  .navbar-nav .nav-item.dropdown{width: auto;}

  .navbar-expand-md .navbar-nav .dropdown-menu{margin-top: 10px;}

  .navbar-collapse a{color: white;}

  .navbar-nav .nav-item.dropdown{background: transparent;}

  .navbar-nav .dropdown-menu a{color: #1b1d1f;}

  .navbar-nav .nav-item,

  .navbar-nav a.dropdown-item{padding: 8px !important;}

  button:focus{outline: 5px auto #1b1d1f;}

  .banner-google-play-btn{text-align: center;}

  #play{padding-top: 20px; padding-bottom: 50px;}

  .blockmesh-platform .three-box-row .sub-box{min-height: auto; padding-top: 20px !important;}

  .blockmesh-platform .three-box-row .three-box-row-mid{display: none;}

  .coinstructure .info-box [id^="bar"]>div{width: 7em !important; height: 7em !important;}

  .featured .info-box img{margin: 0 10px;}

  .banner-bottom-left{text-align: center;}

  .card-img-top{height: auto;}



  /* =========== Timeline Page ========== */

  .banner-common .banner-common-text {font-size: 64px; padding-top: 45px; padding-bottom: 40px;}



}



@media only screen and (max-width : 767px) and (min-width : 576px)  {

  /* =========== Timeline Page ========== */

  .timeline-page-box .info-box ul.nav li a{padding: .5rem 16px;}

}

@media only screen and (max-width : 575px){

  /* =========== Timeline Page ========== */

  .timeline-page-box .info-box ul.nav{width: 100%;}

  .timeline-page-box .info-box ul.nav li a{padding: .5rem 0;}

  .banner-common .banner-common-text {font-size: 38px;}

  .form-inline .form-control{display: inline-block;}

} 





@media only screen and (max-width : 480px) {

  .form-control{display: inline-block;}

  .row{margin: 0;}

  .navbar .container{padding: 0 10px;}

  .banner-left{text-align: center; margin-top: 40px;}

  h1.banner-text{font-size: 32px;}

  form.banner-form{margin-top: 20px;}

  form.banner-form button{margin-top: -2px;}

  .problem-solution .info-box{padding: 40px 20px;}

  .blockmesh-platform .three-box-row{ text-align: center; }

  .featured .info-box img{margin: 0 2px;}

  footer{text-align: center; padding: 20px 0 26px;}

  .featured .info-box img{width: 70px; height: 70px;}

  .exchanges .info-box .body img{width: 100%;}

  .exchanges .info-box .body .col{min-width: 100%; margin-bottom: 20px;}

  .banner-bottom-right .row .col-sm-6{width: 50%;}



  .wallet .info-box{padding-right: 20px; padding-left: 20px;}

  .vision-mission .info-box .tablist-hr{width: 100%;}

  .vision-mission .info-box .nav-tabs .nav-link{margin: 0 5px;}

  form.subscribe-form button{padding: 24px 10px;}

  form.subscribe-form input{width: 240px !important;}



  .partners .info-box .body .partner{width: auto; height: auto; margin: 10px 0;}

}

@media only screen and (max-width : 414px) {

  form.banner-form input{width: 115px !important;}

  footer .icon:first-child{display: block !important; margin: 0 0 10px;}

}



@media only screen and (max-width : 375px) {

  h1.banner-text{font-size: 25px;}

  form.banner-form input{width: 146px !important;}

  .banner-left .social-icon{display: none !important;}

  .vision-mission .info-box .nav-tabs .nav-link{font-size: 16px;}

  .featured .info-box img{width: 50px; height: 50px; margin: 0 6px;}

  .info-box .head{margin-bottom: 26px;}

  .subscribe .info-box h4{font-size: 17px;}

  footer.bg-darkblack .icon{margin: 0 10px 10px;}



  /* =========== Timeline Page ========== */

  .banner-common .banner-common-text {font-size: 30px;}

  .wallet .info-box {padding-right: 10px; padding-left: 10px;}

}







/*  *************************

    ANIMATIONS STARTS

  ************************* */

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



/*  *************************

    ANIMATIONS ENDS

  ************************* */


  /*  *************************

    NEW CSS START

  ************************* */

  .banner-img-container{
    position: relative;
  }
  .banner-img{
    width: 200px;
    position: absolute;
    left: 150px;
    top: 52px;
  }
  h1.banner-text{
    font-size: 27px;
  }
  .p_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .p_title_2{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .p2_title{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
  }
  .p_list{
    font-size: 16px !important;
    color: #000 !important;

  }

  @media screen and (min-width: 768px) and (max-width: 1023px){
	.banner-img {
	width: 150px;
	left: 110px;
	top: 49px;
	}
  }
@media screen and (max-width: 767px){
	.banner-img {
	width: 150px;
	position: unset;
	left: unset;
	top: unset;
	}
  }

  .info-box .news{margin-bottom: 20px; margin-top: 20px;}

.info-box .news-name{

  color: #000; 

  font-family: Montserrat-Bold; 

  font-size: 16px;

  margin-top: 18px;

  min-height: 40px;

  margin-bottom: 20px;

  text-align: left;

  padding: 0px 20px;

}
.info-box .news-name a{
  color: #000;
}

.info-box .news-des{

  color: #929292; 

  font-size: 14px;

  min-height: 40px;

  margin-bottom: 10px;

  text-align: left;

  padding: 0px 20px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
  
  overflow: hidden;

}

.info-box .news-btn{

  font-size: 14px;

  min-height: 40px;

  margin-bottom: 10px;

  text-align: left;

  padding: 0px 20px;

  letter-spacing: 1.5px;

}

.info-box .news-btn a{
  color: #20e0ad;
}

.info-box .news hr{

  border-color: #eaeaea;

  border-width: 1px;

}

.info-box .news-social{font-size: 16px;}

.info-box .news-social a{color: #929292;}

.info-box .news-img-box{

  position: relative;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}

.info-box .news-img-box img{
  width: 100%;
  height: 185px;
  object-fit: cover;
  object-position: top left;
}

.info-box .news-img-box .overlay{

  position: absolute;

  top: 0;

  left: 0;

  right: 0; 

  bottom: 0;

  box-shadow: inset -1px -50px 97px -31px #000000;

  -webkit-box-shadow: inset -1px -50px 97px -31px #000000;

  -moz-box-shadow: inset -1px -50px 97px -31px #000000;

  -o-box-shadow: inset -1px -50px 97px -31px #000000;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}

.info-box .news-img-box:hover .overlay{

  box-shadow: inset 0px 0px 0px -100px #000000;

  -webkit-box-shadow: inset 0px 0px 0px -100px #000000;

  -moz-box-shadow: inset 0px 0px 0px -100px #000000;

  -o-box-shadow: inset 0px 0px 0px -100px #000000;

  -webkit-transition: box-shadow 0.3s ease-in-out;

  -moz-transition: box-shadow 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out;

}