/*_______________________________________________________

// BASIC STYLE  //----------------------------

_______________________________________________________*/

/*---------- General Style ------------*/

body, html {color: #999999;}

a, a:focus, a:hover, a.active { color: #111111; }




  
.btn{color: #ffffff;  background: #16d5ff; border: 1px solid #16d5ff; border-color: #16d5ff;}

.red-btn{background: #ff0004; border: 1px solid #ff0004;}
.magenta-btn{background: #FF00FF!important; border: 1px solid #FF00FF!important;}

.btn:hover {color: #ffffff;}

.btn:before{background: -webkit-radial-gradient(center, ellipse, rgb(22, 213, 255, .5) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgb(22, 213, 255, .5) 0%, rgba(0, 0, 0, 0) 80%);}

.red-btn:before{background:  -webkit-radial-gradient(center, ellipse, rgb(254, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 80%);
	 background: radial-gradient(ellipse at center, rgb(254, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 80%);}

.magenta-btn:before{background:  -webkit-radial-gradient(center, ellipse, rgb(255,0,255, .5) 0%, rgba(0, 0, 0, 0) 80%);
	 background: radial-gradient(ellipse at center, rgb(255,0,255, .5) 0%, rgba(0, 0, 0, 0) 80%);}

.owl-dot{background: #999999 !important;}

.owl-dot.active {background: #ff0004 !important;}
.owl-dot.magenta.active {background: #FF00FF !important;}

.hue-rotate{
	filter: invert(20%) sepia(94%) saturate(4468%) hue-rotate(293deg) brightness(114%) contrast(127%);
	-moz-filter: invert(20%) sepia(94%) saturate(4468%) hue-rotate(293deg) brightness(114%) contrast(127%);
	-webkit-filter: invert(20%) sepia(94%) saturate(4468%) hue-rotate(293deg) brightness(114%) contrast(127%);
}

.dark-grey{color: #111;}



#preloader{background: url(../images/loader.svg) center no-repeat #fff;}



.form-control, .form-control:focus{background: #f0f0f0; color: #111111;}

.form-control::-webkit-input-placeholder {color: #999999;}

.form-control::-moz-placeholder {color: #999999;}

.form-control:-ms-input-placeholder {color: #999999;}

.form-control:-moz-placeholder {color: #999999;}

.heading-title, .heading-title-2, .sub-banner-title{color: #111111; }

.sub-heading, .heading-title-2 span, .sub-heading-2, .sub-page-banner ul li a:hover {color: #16d5ff;}

.heading-des, .sub-page-banner ul li a{color: #999999;}

.lightsky{background-color: #ebf4fc;}

.lightskyblue, .sub-page-banner{background-color: #f2f8fe;}

.grey{color: #999999 !important;}

.top-scroll {background: #16d5ff; color: #fff;}

.top-scroll:hover {opacity: 0.6;}

.top-scroll a{color: #fff;}



/*----- Menu -----*/

.menu ul li a, .mega-menu:before{color: #888888;}

.menu ul li a:before{background: #16d5ff;}

header.fixed{background: #fff; box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, 0.2);}

.opener:before, .opener:after, header.fixed .menu-toggle span, header.fixed .menu-toggle span:before, header.fixed .menu-toggle span:after{background: #fff;}

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after{background: #16d5ff;}

.menu-toggle.active span{background: transparent;}



/*----- Home Banner -----*/

.banner-heading{color: #111111; }

.banner-heading span{color: #16d5ff;}

.red{color: #ff0004 !important;}

.magenta{ color: #FF00FF !important; }

.blue-color{color: #16d5ff;}

.brown-color{ color:  #ce016b;}

.red-bg{background: #ff0004 !important;}

.magenta-bg{background: #FF00FF !important;}

.banner-des{color: #888888;}



/*----- Work Section -----*/

.work-des, ul.check-list li p, .work-process-title{color: #111111;}

ul.check-list li span{background: #16d5ff; color: #fff;}



/*----- Feature Section -----*/

/* .feature-title:hover {color: #16d5ff;} */

.feature-box:hover path.hover {fill: #16d5ff;}

/* .feature-title-red:hover {color: #dc0f2d;} */

.feature-box-red:hover path.hover {fill: #dc0f2d;}



/*----- Timeline Section -----*/

.h-border, .v-row{border-color: #c5c8cb;}

.small-round{border-color: #ff0004; background: #f2f8fe;}

.magenta-theme{border-color: #FF00FF;}

.magenta-theme span{background: #FF00FF !important;}

.v-row:before{background: #ff0004;}

.v-row-2:before{background: #FF00FF;}

.small-round span{background: #ff0004;}

.date-title{color: #ff0004;}

.roadmap-detail-box{color: #111111;}



/*----- Team Section -----*/

.team-img{border-color: #16d5ff;}

.team-box:hover .team-img {border-color: #999999;}

.member-name, .team-box ul li a:hover{color: #16d5ff;}

.member-name:hover{color: #111111;}

.member-des, .team-box ul li a{color: #999999;}



/*----- Token Sale Section -----*/

.token-graphic-detail ul li:before{background: #f85d77;}

.token-graphic-detail ul li.color-code-2:before{background: #5ad6f8;}

.token-graphic-detail ul li.color-code-3:before{background: #f8c04e;}

.token-graphic-detail ul li.color-code-4:before{background: #ac56f7;}

.token-graphic-detail ul li.color-code-5:before{background: #61f89f;}

.donut {color: #3d1f94;}

.token-graphic-detail ul li{color: #999999;}



/*----- Blog Section -----*/

.blog-date li:before{background: #16d5ff;}

.read-more:hover{color: #111111;}

.blog-img a:before{background: rgb(0, 0, 0, 0.5);}

.blog-date li, .blog-title:hover, .read-more{color: #16d5ff;}

.ico-apps ul.check-list li p, .ico-apps-2 ul.check-list li p{color: #999999;}



/*----- FAQ Section -----*/

.Frequently-tabs li a, .qus-des{color: #999999;}

.Frequently-tabs li a.active, .qus-title{color: #16d5ff;}

.Frequently-tabs li a:before{background: #16d5ff;}



/*----- Home Page Tow -----*/

.banner-heading-tow, .coins-counter-loop li .coin-day, .coin-slide-text, .coin-head{color: #111111;}

.banner-heading-tow span, .coin-start{color: #16d5ff;}

.coin-counter{background: #d7f8ff;}

.coins-counter-loop li:before, .coins-counter-loop li:after, .coins-progress span{background: #16d5ff;}

.coins-counter-loop li span{background: #fff; color: #16d5ff;}

.coins-progress{background: #fff;}



/*----- Feature tow -----*/

.feature-des {color: #999999;}

.feature-title-2, .token-sale-2 .token-graphic-detail ul li{color: #111111;}



/*----- Roadmap Section -----*/

.roadmap-part .v-row, .roadmap-part .h-border, .roadmap-des {border-color: #16d5ff;}

.roadmap-part .small-round {background: #f2f8fe;}



/*----- team Tow Section -----*/

.team-box-2{background: #fff;}

.team-member-name {background: #16d5ff;}

.team-member-name a{color: #fff;}

.team-member-name a:hover{color: #111111;}

.team-member-img {background-color: #111111;}

.team-member-img:after{background-color: rgba(255, 255, 255, .4);}



/*----- Blog Tow Section -----*/

.blog-part-2 .read-more:hover {color: #111111;}



/*----- FAQ tow Section -----*/

.accordion-faq-box {box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 0.1);}

.faq-part-2 .Frequently-tabs li a, .faq-part-2 .faq-tab, {color: #999999; background: #f2f8fe;}

.faq-part-2 .Frequently-tabs li a{background: #f2f8fe;}

.faq-part-2 .Frequently-tabs li a.active{background: #16d5ff; color: #fff;}

.faq-part-2 .qus-des, .accordion-faq-title.active, .accordion-faq-title:hover{color: #111111;}

.accordion-faq-title:before, .accordion-faq-title:after{background: #111111;}



/*----- About Page -----*/

.sub-page-banner ul li:before{background: #999999;}

.play-icon span{border-color: #16d5ff; background: #fff; color: #16d5ff;}

.play-icon:hover span{border-color: #fff; background: #16d5ff; color: #fff;}

.work-part button.close{color: #111111;}

.about-des{color: #888888;}



/*----- blog List Page -----*/

.blog-search input{border-color: #16d5ff; color: #111111;}

.blog-search input::-webkit-input-placeholder, .blog-search input::-moz-placeholder, .blog-search input:-ms-input-placeholder, .blog-search input:-moz-placeholder {color: #999999;}

.blog-search-btn:hover {background: #999999; color: #dddddd;}

.blog-category, .blog-category ul li:before{background: #16d5ff;}

.blog-tags ul li a{background: #16d5ff; color: #fff;}

.blog-tags ul li a:hover{background: #f2f8fe; color: #111111;}

.archives ul li{border-color: #e2e2e2;}

.blog-list-content ul li:before{background: #16d5ff;}

.blog-list-pagination ul li a{background: #e2e2e2; color: #999999;}

.blog-list-pagination ul li a:hover, .blog-list-pagination ul li a.active, .blog-search-btn{background: #16d5ff; color: #fff;}

.blog-category .blog-cat-title, .blog-category ul li a{color: #fff;}

.blog-category ul li a:hover, .blog-cat-title{color: #111111;}

.blog-category ul li:before{background: #fff;}

.archives ul li a{color: #999999;}

.trending-news-title:hover, .archives ul li a:hover, .blog-list-title:hover, .trending-news-date, .blog-list-content ul li{color: #16d5ff;}



/*----- blog Detail Page -----*/

.blog-detail-content ul li:before{background: #16d5ff;}

.blog-detail-content blockquote{background: #f2f8fe; border-color: #16d5ff; color: #111111;}

.blog-detail-tag ul li a, .blog-detail-social ul li a{background: #e2e2e2; color: #999999;}

.blog-detail-tag ul li a:hover, .blog-detail-social ul li a:hover{background: #16d5ff; color: #fff;}

.blog-comment-post-singel{border-color: #e2e2e2;}

.comment-date{color: #bebebe;}

.comment-reply{background: #16d5ff; color: #fff;}

.comment-reply:hover{background: #e2e2e2; color: #999999;}

.blog-detail-content ul li, .commenter{color: #16d5ff;}

.blog-detail-content h2, .blog-detail-tag span, .blog-detail-social span, .blog-comment-heading{color: #111111;}



/*----- Roadmap Page -----*/

.roadmap-center-line, .roadmap-main-content:before{border-color: #999999;}

.roadmap-center-line:before, .roadmap-center-line:after{background: #16d5ff;}

.roadmap-animated{background: #16d5ff; color: #fff;}

.roadmap-small-round{border-color: #16d5ff; background: #fff;}

.roadmap-small-round:before{background: #16d5ff;}

.roadmap-main .roadmap-detail-box{background: #5d19db;}

.roadmap-main .roadmap-des{color: #111111; padding: 0;}



/*----- Token Sale Page -----*/

.information-token-head{color: #16d5ff;}

.token-sale-counter{background: #16d5ff;}

.token-sale-counter .coins-counter-loop li span{background: transparent; color: #fff;}

.token-sale-counter .coins-counter-loop li:before, .token-sale-counter .coins-counter-loop li:after{background: #fff;}

.token-sale-counter .coins-counter-loop li .coin-day, .token-slide-info{color: #fff;}

.token-sale-counter .coins-progress span{background: rgb(170,237,252); background: -moz-linear-gradient(left,  rgba(170,237,252,1) 0%, rgba(49,188,219,1) 100%); background: -webkit-linear-gradient(left,  rgba(170,237,252,1) 0%,rgba(49,188,219,1) 100%); background: linear-gradient(to right,  rgba(170,237,252,1) 0%,rgba(49,188,219,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaedfc', endColorstr='#31bcdb',GradientType=1 );}

.token-slide-info:before{background: #17b9dd;}

.token-sale-counter .coins-progress{background: #fff;}

.distribution-title { color: #16d5ff;}

.token-sale-counter .btn{background: #7ce6fd;}

.token-sale-counter .btn:hover:before{background: -webkit-radial-gradient(center, ellipse, rgb(124, 230, 253, 0.5) 0%, rgba(0, 0, 0, 0) 80%);  background: radial-gradient(ellipse at center, rgb(124, 230, 253, 0.5) 0%, rgba(0, 0, 0, 0) 80%);}



/*----- Contact Page -----*/

.contact-detail li i{background: #16d5ff; color: #fff;}

.contact-detail li{color: #111111;}



/*----- Footer Section -----*/

.footer-icon ul li a, .subscribe .submit:hover{color: #999999;}

.footer-icon ul li a:hover{color: #fff;}

.footer-icon ul li a:hover{background: #16d5ff;}

.footer-link ul li a:hover, .copyright ul li a:hover, .copyright p a{color: #16d5ff;}

.subscribe .form-control{background: #fff; color: #111111;}

.subscribe label, .copyright, .copyright p a:hover{color: #111111;}

.subscribe .submit{color: #fff; background: #16d5ff;}

.subscribe .form-control::-webkit-input-placeholder, .subscribe .form-control::-moz-placeholder, .subscribe .form-control:-ms-input-placeholder, .subscribe .form-control:-ms-input-placeholder, .subscribe .form-control:-moz-placeholder {color: #999999;}

.copyright ul li:before{background: #999999;}

.footer{border-color: #e3e3e3;}



@media(min-width: 992px){

	.menu ul li:hover a, .mega-menu:hover:before, .menu ul ul li.mega-menu:before, .menu ul ul li:hover > a{color: #16d5ff;}

	.menu ul ul li a{border-color: rgb(136 136 136 / .3) !important; color: #888888 !important;}

	.menu ul ul{background: #fff;}

	.menu ul ul li a:before{background: #16d5ff;}

}

@media(max-width: 991px){

	.menu{background: #16d5ff;}

	.menu ul li a{color: #fff;}

	.signin .btn{background: transparent;}

	header.fixed .menu-toggle span, header.fixed .menu-toggle span:before, header.fixed .menu-toggle span:after{background: #16d5ff;}

	header.fixed .menu-toggle.active span{background: transparent;}

}