@font-face {
    font-family: Poppins-Regular;
    src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
    font-family: Poppins-Bold;
    src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
    font-family: Poppins-ExtraBold;
    src: url("../fonts/Poppins-ExtraBold.ttf");
}
@font-face {
    font-family: Poppins-Light;
    src: url("../fonts/Poppins-Thin.ttf");
}

body{
	font-size: 12px;
    font-family: Poppins-Regular;
}
.form-control:focus{box-shadow: none; border-color: #00e0a4;}
@media (min-width: 1200px){
	.container {
	    max-width: 1200px;
	}
}
.bg-gray{background-color: #efefef;}
.bg-light-gray{background-color: #f7f7f7;}
.bg-darkblue{background-color: #1b394c;}
.bg-darkblack{background-color: #141618;}
.bg-green{background-color: #00e0a4;}
.box-shadow{box-shadow: 0px 24px 30px 0px rgba(51,51,51,0.4);}

.header-top{
	background: #00e0a4;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
  font-family: Poppins-Regular;
}

.navbar .container{padding: 0;}
.navbar-brand{padding: 0;}
.navbar-nav{
	font-family: Poppins-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: 100%;
}
.navbar-nav li.nav-item{height: 100%;}
.navbar-nav li.signup-li{border: 2px solid #eaebed; border-radius: 4px;}
.navbar-nav li.signup-li a{color: #02acac;}
.navbar-nav li.login-li{border: 2px solid #ffffff; border-radius: 4px;}
.navbar-nav li.login-li a{color: #66676c;}



.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: 460px;
	background: top url(../img/banner-bg.png) no-repeat;
  background-size: 100% 100%;
}
.banner-left{
	margin: 70px 0 30px 0;
	color: #FFFFFF;
}
h1.banner-text{
	font-family: Poppins-Bold;
  font-size: 36px;
  width: 450px; 
}
.banner-left p{
  font-family: Poppins-Light;
  font-size: 18px;
  width: 440px;	
}

.banner-text span {
    color: #00e0a4;
}


.banner-google-play-btn a {
  float: none;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}
.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 h2{
  font-family: Poppins-Regular;
	font-size: 24px;
  color: #66676c;
}
.banner-bottom-desc{
	font-family: Poppins-Regular;
  font-size: 14px;
}



.info-box{padding: 40px 0; color: #66676c;}
.info-box .head {font-family:  Poppins-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: Poppins-Regular; font-size: 36px; line-height: 1.5; color: #66676c;}
.info-box p{font-family: Poppins-Regular; font-size: 18px; margin-top: 10px; color: #66676c;}

.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;}
.vision-mission .info-box .nav-tabs{border-bottom: none;}
.vision-mission .info-box .nav-tabs .nav-link{font-size: 20px; font-family: Poppins-Bold; color: #1b394c; border: none;}
.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;}


.blockmesh-platform{margin-top: 40px;}
.blockmesh-platform .info-box h5{font-size: 36px;}
.blockmesh-platform .info-box p{font-size: 18px; margin-top: 10px;}
.blockmesh-platform .info-box ul{font-size: 18px; /*list-style-image: url('../index/img/checked.png');*/ width: 440px; list-style: none; padding: 0;}

.blockmesh-platform .info-box ul li{
    background: url('../img/checked.png') no-repeat 7px 7px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 50px;
    vertical-align: middle;
}

.blockmesh-platform .info-box ul.width-fix{width: 495px;}

.blockmesh-platform .info-box ul li{margin-top: 10px;}

.blockmesh-platform-left{padding: 11rem 6rem;}
.blockmesh-platform-2 .blockmesh-platform-left{padding: 0rem 6rem;}


.subscribe h4{font-family: Poppins-Regular; font-size: 36px; line-height: 1.5; color: #66676c;}

footer a{color: #66676c;}


.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;
}

/*==========  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: 90px;}

	/*.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;}
}


@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: 40px;}
	.banner-left{margin: 60px 0 0;}
	.banner{height: 400px;}
	.banner-google-play-btn{font-size: 14px; margin-top: 26px;}
	.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;}
	
	.subscribe .info-box h4{font-size: 22px;}
}

@media only screen and (max-width : 767px) {
	.banner{height: auto;}
	.navbar-toggler{position: relative;}
	.navbar-collapse{position: absolute; right: 0; top: 54px; 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;}



  .banner-left p,
  .blockmesh-platform .info-box ul,
  .blockmesh-platform .info-box ul.width-fix{width: 100%;}

  header .float-left{width: 200px;}
  .navbar-brand img{width: 100%;}

  .banner{background-size: 100% 800%;}

  .banner-bottom .mb-sm-4{margin-bottom: 60px;}

  .blockmesh-platform-left,
  .blockmesh-platform-2 .blockmesh-platform-left{padding: 0;}

  .subscribe .icon-col{width: 33%; margin: 10px 0;}
  .subscribe .icon-col img{width: 100%;}


}

@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;}
	.blockmesh-platform .three-box-row{ text-align: center; }
	footer{text-align: center; padding: 20px 0 26px;}
}

@media only screen and (max-width : 375px) {
	h1.banner-text{font-size: 26px;}
	form.banner-form input{width: 146px !important;}
	.banner-left .social-icon{display: none !important;}
	.info-box .head{margin-bottom: 26px;}
	.subscribe .info-box h4{font-size: 17px;}
	footer.bg-light-gray .icon{margin: 0 10px 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
	************************* */

  /**{
    border: 1px solid red !important;
  }*/