/*.playpause {

    background-image: url(https://smilecrypto.net/assets/play.png);

    background-repeat: no-repeat;

    width: 15%;

    height: 15%;

    position: absolute;

    left: 0%;

    right: 0%;

    top: 0%;

    bottom: 0%;

    margin: auto;

    background-size: contain;

    background-position: center;

}

*/



input.btn.green3btn {

    background: #f1c939 !Important;

}



.full .modal-dialog {

    width: 600px !important;

}

.full .modal-dialog img {

    width: 100% !important;

}

*{

	font-size:16px;

}

.navbar-brand img.img-responsive {

    margin-top: 16px;

}





.panel-body.purple {

    overflow-wrap: break-word;

}

body 

{

	font-family: 'Kufam', sans-serif !important;

	color: #182639 !important;

    font-size: 20px !important;

    line-height: 1.4em !important;

	background:#7d608d14 !important

}

p.small.purple.copy {

    margin-bottom: 0px;

    font-weight: 800;

}





.container.sixth-section.pad50 {

    position: relative;

    width: 100%;

}



h1, h2, h3, h4,h5, h6 {

	

	font-family: 'Kufam', sans-serif !important;

}



nav.navbar.navbar-default {

    padding: 20px;

}



a.navbar-brand {

    padding: 0px;

    margin-top: -15px;

}



li.fass {

    font-size: 20px;

    font-weight: 700;

}



li.icons i {

    font-size: 22px;

}



i.fa.fa-twitter {

    color: #00acee !important;

}

i.fa.fa-linkedin-square {

    color: #0e76a8 !important;

}



i.fa.fa-youtube-play {

    color: #ff0000 !important;

}

i.fa.fa-facebook-square {

    color: #4267B2 !important;

}



i.fa.fa-telegram {

    color: #229ED9 !important;

}

li.fass a {

    color: #7a5d89 !important;

}



li a.active {

    color: #63a367 !important;

}



li a:hover{

   color:#63a367 !important;

}	

	

	.purple {

		 color: #b33e5b !important;

	}

	

	.pad50  {

		padding:50px;

	}

	.mar50 {

		  margin:50px;

	}

.first-section	.heading 

{

	margin-top: 60px;

    margin-bottom: 20px;

    font-size:42px;

	font-weight: 900;

	

}



.greenbtn {

    background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 16px !important;

    margin-top: 20px;

}



.second-section .heading {

    font-size: 45px;

    font-weight: 600;



}



.second-section p {

    width: 70%;

    margin: 0 auto;

    font-size:16px;

}



.box {

  

    border-radius: 18px;

    box-shadow: 2px 1px 11px #ffffff00;

    background: #f1c939;

    color:white;

}







.third-section img {

padding-top:20px;



}

.third-section h1.purple {

    font-weight: 700;

}



.col-md-6.bluebg {

    background: url(assets/bluebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    color: white;

    padding: 50px;

}



.col-md-6.whitebg {

    background: url(assets/whitebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    padding: 50px;

}

.forth-section .blueheading {

    padding-top: 60px;

    padding-left: 8%;

	text-align:center;

}

.blueheading h1{

	font-size: 43px;

	line-height: 50px;

    font-weight: 700;

	text-align: center;



}

.fifth-section h2.purple {

    font-size: 26px;

        font-weight: 600;

    

}

.fifth-section h3.purple {

    font-size: 20px;

        font-weight: 600;

}

.blueheading p {

	font-size:16px;

}

.icons{

		font-family: 'Kufam', sans-serif !important;

    color: #182639;

    font-size: 18px;

    line-height: 1.4em;    

    cursor: pointer;







    

}



.footer ul.nav.navbar-nav li a:hover {

    background: transparent !important;

}



.footer a {

    font-size: 14px !important;

}



p#code1, p#code2, p#code3 {

    

padding-left: 30px !Important;

    padding: 10px;

    height: 70px;

    vertical-align: middle;

    font-size: 16px;



border-radius: 10px;

}



p#code1 {

    

background-color: #ffffffa6;

}



.sixth-section p.white {

    font-size: 14px !important;

}

.icons p{

	font-size: 18px;

}

.row1{

	width:80%;

	margin: 0 auto !important;

	padding-top:40px;

}

.row2{

	padding-top: 55px;

    padding-bottom: 65px;

}

.row2 p{

	cursor: pointer;

}

.mobile{

	text-align:right;

}

h3{

	margin-top:0px !important;

}

.sub{

	padding-left: 32px;

    padding-bottom: 13px;

}

.majorheading{

	text-align:center;

}

.sub1{

padding-top:30px;

max-width: 732px;

    margin: 0 auto !important;

	

}









.nextheading h1{

	font-size:50px;

}

.links img {

    width: 140px !important;

    margin: 0 31px;

}

.col-md-12.links {

    padding-top: 94px;

}

.eightheading h1{

	font-size:42px;

}

.green2btn {

	background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 20px !important;

    margin-top: 20px;

	float:right;

}

.green3btn{

	color: white;

  

    padding: 6px 10px !important;

   

    border: none; 

	background: #63a367 !important;

	

    font-size: 13px !important;

}

.main{

	padding-bottom:20px;

	padding-top:15px;

}



.prefix {

    width: 50px;

    float: left;

    height: 34px;

    background: #ddd;

    text-align: center;

}

.pre{

	padding-right:15px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.sub1 {

    margin-top: 50px !important;

}



.col-md-4.white-bg{

	display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 40px;

	min-height: 400px;

}

.col-md-4.white-bg {

    min-height: 370px;

    padding: 30px;

    text-align: center;

}





.row.white-bg p{

	font-size: 16px !important;

}





.container.last-section {

    max-width: 1170px;

    background: url(assets/FREE-DEMO.jpg), #63a567;

    height: 468px;

    background-repeat: no-repeat;

    border-radius: 8px;

    color: #fff !important;

        box-shadow: 2px 1px 11px #00000066;

            background-position: bottom;

            

            background-size: contain;

}



li.icons img {

    width: 24px;

}

.last-section .col-md-7 {

    margin: 12% 10%;

}





p.small.purple {

    line-height: 19px;

}

li.icons {

    margin: 10px 0px;

}



.last-section .col-md-7 h1 {

    padding-right: 250px !important;

}



.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 0px !important;

}

form#app-link {

    margin-top: 8%;

}



form#app-link .prefix, form#app-link input#email, form#app-link input.btn.green3btn {

    padding: 6px 12px;

}



.last-section .prefix {

    color: #000;

    height: 44px;

}

.last-section input.btn.green3btn {

    margin-left: -5px;

    min-height: 44px;

    font-size: 15px !important;

}



.footer input#number {

    width: 150px !important;

}

.footer input.btn.green3btn {

    position: absolute;

}

h1.purple.storm {

    font-size: 54px;

	font-weight: 500;

    line-height: 1.2;

	margin-bottom: 20px;

	padding:10px;

}

p.white.leave {

    margin-bottom: 25px;

    padding: 0 157px !important;

}

input#name {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;   

	margin: 0px 5px 0px 0px;

}

input#Email {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;  

	margin: 0px 5px 0px 0px;

}

input[type="button"] {

    border-radius: 24px;

    border: none;

    font-size: 18px;

    padding: 8px 25px !important;

    background-color:  #63a367 !important;

    color: white;    

	

}

nav.navbar.navbar-default2 {

    margin-top: 56px;

}

.footer .small {

    font-size: 12px !important;

}



.bg-arrow {

    position: absolute;

    left: 0%;

    top: 80%;

    right: 0%;

    bottom: 0;

    left: -3%;

    z-index: -1;

}

button.btn.greenbtn:hover {

    background: #f1c939 !important;

    color:#59187a !important;

}

p.small.purple {

    line-height: 19px;

    color: #59187aab !important;

}

.bg-arrow img {

    max-width: 100%;

    overflow: visible;

    -o-object-fit: contain;

    object-fit: contain;

}



.fb-icon {

    position: absolute;

    bottom: -10%;

    width: 80px;

    height: 80px;

    left: 7%;

}



.twitter-icon {

    position: absolute;

    right: 95px;

    width: 80px;

    height: 80px;

}

.telegram-icon {

    position: absolute;

    width: 80px;

    height: 80px;

    top: 150%;

}

.wave-cover-left {

    position: absolute;

    left: 0%;

    top: -1%;

    right: 0%;

    bottom: 0%;

    z-index: 201;

    background-color: #fff;

}



.sub1 .col-md-8 .row {

    min-height: 177px;

}



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

    .forth-section img {

    width: 30% !important;

   

}



.fifth-section img{

     width: 30% !important;

}

    

.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 15px !important;

}



li.icons:nth-child(2) a {

    padding-left: 10px !important;

}

.row2 {

    padding: 20px 0px !important;

    text-align:center;

}

.fifth-section .col-md-9 {

    text-align: center !important;

}



.last-section .col-md-7 h1 {

    padding: 0px !important;

}

.fifth-section .col-md-3 {

    text-align: center !important;

    margin-bottom: 20px !important;

    margin-top: 50px !important;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 15px !important;

}



.col-md-6.mobile {

    text-align: center;

}

li.icons img {

    margin-top: -12px;

    width: 33px;

}

li.icons {

    display: inline-block !important;

    /* width: 38px; */

    text-align: center;

    /* padding: 0px !important; */

}



form#app-link {

    display: flex;

}



.container.last-section.mar50.box {

    height: 300px !important;

}

form#app-link .prefix {

    height: 55px !important;

    padding: 12px !important;

}



.container.fifth-section.pad50 {

    text-align: center;

}



.first-section .heading , .second-section .heading, .blueheading h1{

        font-size: 30px !important;

    margin-top: 20px !important;

}



.mybtns {

    text-align: center;

}







.greenbtn {

    padding: 10px 14px !important;

    font-size: 16px !important;

}



h1.purple {

    font-size: 25px;

}

input#number {

    width: 175px;

}



.footer li.icons {

    margin-right: 8px !important;

}

.fb-icon {

    position: absolute;

    bottom: -5% !important;

    width: 40px !important;

    height: 66px;

    left: 7%;

}



.sub1 .col-md-8 .row {

    margin-bottom: 30px;

    text-align: center !important;

}



.col-md-6.bluebg, .col-md-6.whitebg {

    min-height: 300px !important;

    padding-top: 20px !important;

}



.twitter-icon {

   

    right: 32px !important;

    width: 40px !important;

   

}

.telegram-icon {

 

    width: 40px !important;

   

    top: 138% !important;

}



.sub1 {

    margin-top: 20px !important;

}



.bg-arrow {

   

    top: 110% !important;

   

}

.fourth-section h1.white {

    font-size: 26px;

}



.pad50 {

    padding: 15px !important;

}



.blueheading {

    padding: 10px !important;

}

.tab-1 img {

    width: 100% !important;

}



.row.row1 {

    width: 100% !important;

    padding: 0px !important;

}



.sub1 .col-md-8 .row {

    min-height: 300px !important;

    padding: 30px !important;

}

.col-md-12.links {

    padding: 0px !important;

}



.links img {

    width: 150px !important;

    margin-bottom: 30px !important;

}



.col-md-7 {

    margin: 0 !important;

    text-align: center;

}



.sub {

    padding-left: 0px !important;

}

.last-section .col-md-7 h1 {

    font-size: 30px;

    margin-top: 50px;

}



.container {

    width: 95%;

}



.col-md-6.bluebg {

 margin-bottom:30px;    



}



.col-md-6.bluebg, .col-md-6.whitebg {

    background-size: cover;

    border-radius: 15px;

}

}



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

    .row.white-bg {

    margin-bottom: 30px;

    display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

}

li.icons {

  

    text-align: left;

}



li.icons img {

    width: 32px !important;

}    





.white-bg .col-md-8.text-center {

    margin: 0 30px;

    

}

.token-allocation--graph-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.token-allocation--image-w.padding-left--3-5rem {

  width: 50%;

  margin-bottom: -144px;

  padding-left: 56px;

}

.token-allocation--slide-content-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  margin-top: 64px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--image-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





}





.third-section p {

    font-size: 17px;

    color: #182639;

}



.footer .icons a {

    padding: 0 !important;

}

.footer li.icons {

    margin-right: 15px;

}









/* ---- ABout  Page Css  */

i.glyphicon.glyphicon-record {

    background: #f1c939 !important;

    color:#f1c939 !important;

    border-radius: 50%;

}



.teams h2.purple {

    font-size: 20px;

}

.f72 {

    font-size: 50px;

    line-height: 55px;

    font-weight: bold;

}





img#member-image {

    width: 50%;

    margin: 0 auto;

}





.teams .col-md-4 {

    margin-bottom: 50px;

}







.teams ul.nav li {

    float: left;

}



.teams ul.nav {

    width: 50%;

    margin: 0 auto;

}







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

    

    .f72 {

    line-height: 32px !important;

}

.swiper-slide.width--100.swiper-slide-active {

    width: 100% !important;

}

.token-allocation--slide-content-container,

.token-allocation--slide{

    display: block !important;

}

.token-allocation--graph-w.padding-right--3rem {

    width: auto;

    margin-right: 0 !important;

    /* -webkit-box-orient: vertical; */

    /* -webkit-box-direction: normal; */

    /* -webkit-flex-direction: column; */

    -ms-flex-direction: column;

    /* flex-direction: column; */

    text-align: center;

}

img.token-allocation--graph {

    width: 90% !important;

}

.h3.persian-indigo {

    font-size: 30px !important;

}

.token-allocation--btn-next {

    -webkit-transform: translate(90%, -13px);

    -ms-transform: translate(90%, -13px);

    transform: translate(90%, -13px) !important;

}

.token-allocation--section {

    width: 95vw !important;

}

.h3.persian-indigo {

    font-size: 25px !important;

    line-height: 1.3;

    margin-bottom: 20px;

    text-align: center;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 100% !important;

}

.p-normal.black {

    color: #120425;

    font-size: 16px !important;

    line-height: 2 !important;

    font-weight: 300;

    text-align: center;

    text-transform: none;

}

}





.social i {

    font-size: 30px;

    margin: 20px;

}



.social img {

    width: 32px;

    margin-top: -15px;

}



.greenlink {

    

color:#63a367 ;

}



.mt50 {

margin-top:50px;    



}



p#core1, p#core2, p#core3, p#core4 {

    padding: 20px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 32px;

    background-color: #f3edfd;

    -webkit-transition: all 200ms ease;

    transition: all 200ms ease;

    color: #120425;

    font-size: 20px;

    line-height: 39px;

    font-weight: 300;

    border-radius: 25px;

    margin-bottom: 36px;

    margin-left: 0px;

}



.activenab {

    margin-left: -50px !important;

    background: #b33e5b !important;

    color: white !important;

     box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



.tokens:hover {

    box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



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

    

.modal-dialog {

    width: 940px !Important;

}

.modal-body {

    padding: 60px !important;

}









.modal-body img {

    width: 200px;

    margin: 0 auto;

}



.modal-body .col-md-7 p {

    text-align: left;

}

}

i.glyphicon.glyphicon-record {

    font-size: 20px;

}





.timeline-body h1 {

    padding: 20px !important;

    padding-bottom: 0px !important;

    font-size: 25px !Important;

}





.timeline > li:nth-child(1) {

    margin-top: 0px !important;

}



.timeline > li {

    margin-top: 60px !important;

}

.timeline {

  list-style: none;

  padding: 20px 0 20px;

  position: relative;

}

.timeline:before {

top: 0;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 6px;

    background-color: #b33e5b;

    left: 50%;

    margin-left: -3px;

}





.timeline > li {

  margin-bottom: 20px;

  position: relative;

  width: 50%;

  float: left;

  clear: left;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li > .timeline-panel {

  width: 95%;

  float: left;

  border: 1px solid #d4d4d4;

  /*border-radius: 2px;*/

  /*padding: 20px;*/

  position: relative;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

}



.timeline > li > .timeline-panel:before {

  position: absolute;

  top: 26px;

  right: -15px;

  display: inline-block;

  border-top: 15px solid transparent;

  border-left: 15px solid #ccc;

  border-right: 0 solid #ccc;

  border-bottom: 15px solid transparent;

  content: " ";

}

.timeline > li > .timeline-panel:after {

  position: absolute;

  top: 27px;

  right: -14px;

  display: inline-block;

  border-top: 14px solid transparent;

  border-left: 14px solid #fff;

  border-right: 0 solid #fff;

  border-bottom: 14px solid transparent;

  content: " ";

}

.timeline > li > .timeline-badge {

  color: #fff;

  width: 24px;

  height: 24px;

  line-height: 50px;

  font-size: 1.4em;

  text-align: center;

  position: absolute;

  top: 16px;

  right: -12px;

  /*background-color: #999999;*/

  z-index: 100;

  /*

  border-top-right-radius: 50%;

  border-top-left-radius: 50%;

  border-bottom-right-radius: 50%;

  border-bottom-left-radius: 50%;

  */

}

.timeline > li.timeline-inverted > .timeline-panel {

  float: right;

}

.timeline > li.timeline-inverted > .timeline-panel:before {

  border-left-width: 0;

  border-right-width: 15px;

  left: -15px;

  right: auto;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

  border-left-width: 0;

  border-right-width: 14px;

  left: -14px;

  right: auto;

}

.timeline-badge > a {

  color: #63a567 !important

}

.timeline-badge a:hover {

  color: #63a567 !important

}

.timeline-title {

  margin-top: 0;

  color: inherit;

}

.timeline-body > p,

.timeline-body > ul {

    padding:20px;

    margin-bottom: 0;

}

.timeline-body > p + p {

  margin-top: 5px;

}

.timeline-footer{

    padding:20px;

    background-color:#f4f4f4;

}

.timeline-footer > a{

    cursor: pointer;

    text-decoration: none;

}

.tooltip{



    position:absolute;

    z-index:1020;

    display:block;

    visibility:visible;

    padding:5px;

    font-size:11px;

    opacity:0;

    filter:alpha(opacity=0);

    

}

.tooltip.in{

    /*opacity:0;

    filter:alpha(opacity=80);*/

    

}

.tooltip.top{

    margin-top:-2px;

}

.tooltip.right{

    margin-left:2px;

}

.tooltip.bottom{

    margin-top:2px;

}

.tooltip.left{

    margin-left:-2px;

}

.tooltip.top .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.left .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.bottom .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.right .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip-inner{

    width:200px;

    padding:3px 8px;

    color:#fff;

    text-align:center;

    text-decoration:none;

    background-color:#313131;

    -webkit-border-radius:0px;

    -moz-border-radius:0px;

    border-radius:0px;

}

.tooltip-arrow{

    position:absolute;

    width:0;

    height:0;

}

.timeline > li.timeline-inverted{

  float: right; 

  clear: right;

  margin-top: 30px;

  margin-bottom: 35px;

}

.timeline > li:nth-child(2){

  margin-top: 60px;

}

.timeline > li.timeline-inverted > .timeline-badge{

  left: -12px;

}



@media (max-width: 767px) {

    ul.timeline:before {

        left: 40px;

    }



    ul.timeline > li {

      margin-bottom: 20px;

      position: relative;

      width:100%;

      float: left;

      clear: left;

    }

    ul.timeline > li > .timeline-panel {

        width: calc(100% - 90px);

        width: -moz-calc(100% - 90px);

        width: -webkit-calc(100% - 90px);

    }



    ul.timeline > li > .timeline-badge {

        left: 28px;

        margin-left: 0;

        top: 16px;

    }



    ul.timeline > li > .timeline-panel {

        float: right;

    }



        ul.timeline > li > .timeline-panel:before {

            border-left-width: 0;

            border-right-width: 15px;

            left: -15px;

            right: auto;

        }



        ul.timeline > li > .timeline-panel:after {

            border-left-width: 0;

            border-right-width: 14px;

            left: -14px;

            right: auto;

        }

    

.timeline > li.timeline-inverted{

  float: left; 

  clear: left;

  margin-top: 30px;

  margin-bottom: 35px;

}



.timeline > li.timeline-inverted > .timeline-badge{

  left: 28px;

}

.token-allocation--slide-content-w {

  margin-top: 30px;

}

}







/*----  Tokenomics Page -----*/





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

    

      .activenab {

        margin-left:-15px !Important;

        

    }

    

    p#core1, p#core2, p#core3, p#core4 {

    font-size: 20px !important;

}

}



.tokenboxes h2.purple {

    font-size: 30px !important;

    font-weight: 800;

}



.tdbold {

    background: #63a567;

    color: white;

}



table.table, tr, th, td {

    font-size: 14px !important;

    background: white;

}



.tokenboxes h3.greenlink {

    font-size: 25px;

    font-weight: 800;

}



.tokens svg {

    width: 45px;

    margin-right: 10px;

}



.tokens {

display: inline-flex;

width:100%;

}





.tokens img {

    margin-right: 10px;

}



.token-allocation--section {

  position: relative;

  z-index: 8;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  width: 90vw;

  max-width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #fbf9ff;

}



p.w80 {

    width: 70%;

    margin: 0 auto;

}

.token-allocation--container {

  position: relative;

  z-index: 10;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

 

  margin-bottom:60px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--swiper-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--pagination {

  position: relative;

  top: 48px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: baseline;

  -webkit-align-items: baseline;

  -ms-flex-align: baseline;

  align-items: baseline;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--btn-next {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-next:hover {

  -webkit-transform: translate(4.8px, 3px);

  -ms-transform: translate(4.8px, 3px);

  transform: translate(4.8px, 3px);

}



.token-allocation--text-w {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w.margin-top--1-5rem {

  margin-top: 24px;

}



.token-allocation--text-w.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--heading {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--slide-content-container {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





.token-allocation--slide-content-w.direction--vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--slide-content-w.align--bot {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.token-allocation--slide {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.token-allocation--heading-w {

  width: 90%;

  max-width: 1,536px;

  margin-bottom: 16px;

}



.token-allocation--heading--mobile {

  display: none;

}



.token-allocation--btn-prev {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-prev:hover {

  -webkit-transform: translate(-4.8px, 3px);

  -ms-transform: translate(-4.8px, 3px);

  transform: translate(-4.8px, 3px);

}



.token-allocation--btn-arrow-prev {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}



.token-allocation--pagination-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  max-width: 1,536px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--text-w--desktop {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--desktop.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--text-w--mobile {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--mobile.margin-top--2rem {

  display: none;

  margin-top: 32px;

}



.swiper-wrapper.token-allocation {

    overflow: visible;

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}

.h3.persian-indigo {

    color: #350c6e;

    text-transform: none;



    margin-top: 0px;

    margin-bottom: 0px;

    

    font-size: 40px;

    line-height: 100%;

    font-weight: 600;

    text-transform: lowercase;

}

.p-normal.black {

    color: #120425;



    font-size: 18px;

    line-height: 120%;

    font-weight: 300;

    text-align: center;

    

    text-transform: none;

}



.token-allocation--text-w.margin-top--2rem {

    

    text-align:center;

}





.p-small {

    color: #120425;

    font-size: 16px;

    line-height: 120%;

    font-weight: 300;

    text-align: left;

    text-transform: none;

}



.swiper-slide.width--100 {

    overflow: visible;

    width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}







.token-allocation--graph-w.padding-right--3rem {

  width: auto;

  margin-right: 48px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--legend-container.min-w--29rem {

  min-width: 464px;

}



.token-allocation--legend-circle {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 24px;

  height: 24px;

  margin-right: 12.8px;

  border-radius: 50%;

  background-color: #42e2b8;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}



.token-allocation--legend-circle.yellow {

  background-color: #fa0;

}



.token-allocation--legend-circle.purple {

  background-color: #7f35e8;

}



.token-allocation--legend-circle.black {

  background-color: #350c6e;

}



.token-allocation--legend-circle.pink {

  background-color: #ff28a8;

}



.token-allocation--legend-circle.lavender {

  background-color: #dcc8f9;

}



.token-allocation--legend-circle.green-light {

  background-color: #8fe621;

}



.token-allocation--legend-circle.blue {

  background-color: #274de0;

}



.token-allocation--legend-circle.pink-light {

  background-color: #e261f1;

}



.token-allocation--legend-circle.blue-dark {

  background-color: #3b0773;

}



.token-allocation--legend-circle-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--legend-text-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 40px;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  justify-items: start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  grid-auto-columns: 1fr;

  -ms-grid-columns: 1fr;

  grid-template-columns: 1fr;

  -ms-grid-rows: 24px;

  grid-template-rows: 24px;

}







.h3.persian-indigo {

    text-transform: capitalize;

}





.btn--w.margin-top--4rem.hide--tablet {

    margin-top: 64px !important;

}



.smooth-emission--text-w .p-normal {

    text-align: left !important;

}







h5.black {

    margin-top: 0px;

    margin-bottom: 0px;

    /* color: #fbf9ff; */

    font-size: 34px;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

    margin-top: 50px;

    margin-bottom: 30px;

}



.bold{

    font-weight: 700 !important;

}



.smooth th, .smooth td {

    height: 60px;

    line-height: 1.5;

}



/* Other exchange tokens */

tr, th, td{

    background: transparent !important;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 80%;

}

table.exchange-tokens td, table.exchange-tokens th {

    width: 120px;

    text-align: center;

    line-height: 1.3;

    height: 50px;

}

table.exchange-tokens tr {

    border-bottom: 1px solid;

}

tr#no-border td {

    color: #7d608d;

    font-weight: 600;

}



#accordion .panel.panel-default {

    margin: 20px;

}

.faq-title b {

    font-size: 30px;

}



#fade {

  display: none;

  position: fixed;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: black;

  z-index: 1001;

  -moz-opacity: 0.8;

  opacity: .80;

  filter: alpha(opacity=80);

}





#boxclose {

  float: right;

  cursor: pointer;

  color: #fff;

  border: 1px solid #AEAEAE;

  border-radius: 3px;

  background: #222222;

  font-size: 31px;

  font-weight: bold;

  display: inline-block;

  line-height: 0px;

  padding: 11px 3px;

  position: absolute;

  right: 2px;

  top: 2px;

  z-index: 1002;

  opacity: 0.9;

}



.boxclose:before {

  content: "×";

}



#fade:hover ~ #boxclose {

  display:none;

}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

    display: none;

    position: absolute;

    top: 50%;

    /* left: 50%; */

    max-width: 767px;

    max-height: 400px;

    margin-left: 5px;

    margin-top: -370px;

    z-index: 1002;

    overflow: visible;

}

iframe#VisaChipCardVideo {

    width: 100% !important;

    height: 300px !important;

}

.footer .qr-code {

    min-width: 46%;

}

}

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

    

iframe#VisaChipCardVideo {

    max-width: 600px !important;

    height: 400px !important;

}

#light {

  display: none;

  position: absolute;

/*  top: 50%; */

  left: 10%;

  max-width: 600px;

  max-height: 402px;

  margin-left: 0;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

  display: none;

  position: absolute;

  top: 30%;

 /* left: 50%; */

  max-width: 800px;

  max-height: 502px;

  margin-left: -405px;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}

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

.footer .qr-code {

    min-width: 56%;

}

}



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

    .token-allocation--legend-container.min-w--29rem {

    min-width: 300px !important;

}

}



.qr-text {

    margin-top: 8px;

}



.third-section.mar50 {

    padding: 50px 50px 0px !important;

}



\****about***\


.icons-area.col-md-12.icons-footer {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 1px 13px #b33e5b69;
}
ul.nav.navbar-nav.icons-footer-nav {
    float: unset !important;
}
/*.playpause {

    background-image: url(https://smilecrypto.net/assets/play.png);

    background-repeat: no-repeat;

    width: 15%;

    height: 15%;

    position: absolute;

    left: 0%;

    right: 0%;

    top: 0%;

    bottom: 0%;

    margin: auto;

    background-size: contain;

    background-position: center;

}

*/



input.btn.green3btn {

    background: #f1c939 !Important;

}



.full .modal-dialog {

    width: 600px !important;

}

.full .modal-dialog img {

    width: 100% !important;

}

*{

	font-size:16px;

}

.navbar-brand img.img-responsive {

    margin-top: 16px;

}





.panel-body.purple {

    overflow-wrap: break-word;

}

body 

{

	font-family: 'Kufam', sans-serif !important;

	color: #182639 !important;

    font-size: 20px !important;

    line-height: 1.4em !important;

	background:#7d608d14 !important

}

p.small.purple.copy {

    margin-bottom: 0px;

    font-weight: 800;

}





.container.sixth-section.pad50 {

    position: relative;

    width: 100%;

}



h1, h2, h3, h4,h5, h6 {

	

	font-family: 'Kufam', sans-serif !important;

}



nav.navbar.navbar-default {

    padding: 20px;

}



a.navbar-brand {

    padding: 0px;

    margin-top: -15px;

}



li.fass {

    font-size: 20px;

    font-weight: 700;

}



li.icons i {

    font-size: 22px;

}



i.fa.fa-twitter {

    color: #00acee !important;

}

i.fa.fa-linkedin-square {

    color: #0e76a8 !important;

}



i.fa.fa-youtube-play {

    color: #ff0000 !important;

}

i.fa.fa-facebook-square {

    color: #4267B2 !important;

}



i.fa.fa-telegram {

    color: #229ED9 !important;

}

li.fass a {

    color: #7a5d89 !important;

}



li a.active {

    color: #63a367 !important;

}



li a:hover{

   color:#63a367 !important;

}	

	

	.purple {

		 color: #b33e5b !important;

	}

	

	.pad50  {

		padding:50px;

	}

	.mar50 {

		  margin:50px;

	}

.first-section	.heading 

{

	margin-top: 60px;

    margin-bottom: 20px;

    font-size:42px;

	font-weight: 900;

	

}



.greenbtn {

    background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 16px !important;

    margin-top: 20px;

}



.second-section .heading {

    font-size: 45px;

    font-weight: 600;



}



.second-section p {

    width: 70%;

    margin: 0 auto;

    font-size:16px;

}



.box {

  

    border-radius: 18px;

    box-shadow: 2px 1px 11px #ffffff00;

    background: #f1c939;

    color:white;

}







.third-section img {

padding-top:20px;



}

.third-section h1.purple {

    font-weight: 700;

}



.col-md-6.bluebg {

    background: url(assets/bluebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    color: white;

    padding: 50px;

}



.col-md-6.whitebg {

    background: url(assets/whitebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    padding: 50px;

}

.forth-section .blueheading {

    padding-top: 60px;

    padding-left: 8%;

	text-align:center;

}

.blueheading h1{

	font-size: 43px;

	line-height: 50px;

    font-weight: 700;

	text-align: center;



}

.fifth-section h2.purple {

    font-size: 26px;

        font-weight: 600;

    

}

.fifth-section h3.purple {

    font-size: 20px;

        font-weight: 600;

}

.blueheading p {

	font-size:16px;

}

.icons{

		font-family: 'Kufam', sans-serif !important;

    color: #182639;

    font-size: 18px;

    line-height: 1.4em;    

    cursor: pointer;







    

}



.footer ul.nav.navbar-nav li a:hover {

    background: transparent !important;

}



.footer a {

    font-size: 14px !important;

}



p#code1, p#code2, p#code3 {

    

padding-left: 30px !Important;

    padding: 10px;

    height: 70px;

    vertical-align: middle;

    font-size: 16px;



border-radius: 10px;

}



p#code1 {

    

background-color: #ffffffa6;

}



.sixth-section p.white {

    font-size: 14px !important;

}

.icons p{

	font-size: 18px;

}

.row1{

	width:80%;

	margin: 0 auto !important;

	padding-top:40px;

}

.row2{

	padding-top: 55px;

    padding-bottom: 65px;

}

.row2 p{

	cursor: pointer;

}

.mobile{

	text-align:right;

}

h3{

	margin-top:0px !important;

}

.sub{

	padding-left: 32px;

    padding-bottom: 13px;

}

.majorheading{

	text-align:center;

}

.sub1{

padding-top:30px;

max-width: 732px;

    margin: 0 auto !important;

	

}









.nextheading h1{

	font-size:50px;

}

.links img {

    width: 140px !important;

    margin: 0 31px;

}

.col-md-12.links {

    padding-top: 94px;

}

.eightheading h1{

	font-size:42px;

}

.green2btn {

	background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 20px !important;

    margin-top: 20px;

	float:right;

}

.green3btn{

	color: white;

  

    padding: 6px 10px !important;

   

    border: none; 

	background: #63a367 !important;

	

    font-size: 13px !important;

}

.main{

	padding-bottom:20px;

	padding-top:15px;

}



.prefix {

    width: 50px;

    float: left;

    height: 34px;

    background: #ddd;

    text-align: center;

}

.pre{

	padding-right:15px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.sub1 {

    margin-top: 50px !important;

}



.col-md-4.white-bg{

	display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 40px;

	min-height: 400px;

}

.col-md-4.white-bg {

    min-height: 370px;

    padding: 30px;

    text-align: center;

}





.row.white-bg p{

	font-size: 16px !important;

}





.container.last-section {

    max-width: 1170px;

    background: url(assets/FREE-DEMO.jpg), #63a567;

    height: 468px;

    background-repeat: no-repeat;

    border-radius: 8px;

    color: #fff !important;

        box-shadow: 2px 1px 11px #00000066;

            background-position: bottom;

            

            background-size: contain;

}



li.icons img {

    width: 24px;

}

.last-section .col-md-7 {

    margin: 12% 10%;

}





p.small.purple {

    line-height: 19px;

}

li.icons {

    margin: 10px 0px;

}



.last-section .col-md-7 h1 {

    padding-right: 250px !important;

}



.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 0px !important;

}

form#app-link {

    margin-top: 8%;

}



form#app-link .prefix, form#app-link input#email, form#app-link input.btn.green3btn {

    padding: 6px 12px;

}



.last-section .prefix {

    color: #000;

    height: 44px;

}

.last-section input.btn.green3btn {

    margin-left: -5px;

    min-height: 44px;

    font-size: 15px !important;

}



.footer input#number {

    width: 150px !important;

}

.footer input.btn.green3btn {

    position: absolute;

}

h1.purple.storm {

    font-size: 54px;

	font-weight: 500;

    line-height: 1.2;

	margin-bottom: 20px;

	padding:10px;

}

p.white.leave {

    margin-bottom: 25px;

    padding: 0 157px !important;

}

input#name {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;   

	margin: 0px 5px 0px 0px;

}

input#Email {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;  

	margin: 0px 5px 0px 0px;

}

input[type="button"] {

    border-radius: 24px;

    border: none;

    font-size: 18px;

    padding: 8px 25px !important;

    background-color:  #63a367 !important;

    color: white;    

	

}

nav.navbar.navbar-default2 {

    margin-top: 56px;

}

.footer .small {

    font-size: 12px !important;

}



.bg-arrow {

    position: absolute;

    left: 0%;

    top: 80%;

    right: 0%;

    bottom: 0;

    left: -3%;

    z-index: -1;

}

button.btn.greenbtn:hover {

    background: #f1c939 !important;

    color:#59187a !important;

}

p.small.purple {

    line-height: 19px;

    color: #59187aab !important;

}

.bg-arrow img {

    max-width: 100%;

    overflow: visible;

    -o-object-fit: contain;

    object-fit: contain;

}



.fb-icon {

    position: absolute;

    bottom: -10%;

    width: 80px;

    height: 80px;

    left: 7%;

}



.twitter-icon {

    position: absolute;

    right: 95px;

    width: 80px;

    height: 80px;

}

.telegram-icon {

    position: absolute;

    width: 80px;

    height: 80px;

    top: 150%;

}

.wave-cover-left {

    position: absolute;

    left: 0%;

    top: -1%;

    right: 0%;

    bottom: 0%;

    z-index: 201;

    background-color: #fff;

}



.sub1 .col-md-8 .row {

    min-height: 177px;

}



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

    .forth-section img {

    width: 30% !important;

   

}



.fifth-section img{

     width: 30% !important;

}

    

.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 15px !important;

}



li.icons:nth-child(2) a {

    padding-left: 10px !important;

}

.row2 {

    padding: 20px 0px !important;

    text-align:center;

}

.fifth-section .col-md-9 {

    text-align: center !important;

}



.last-section .col-md-7 h1 {

    padding: 0px !important;

}

.fifth-section .col-md-3 {

    text-align: center !important;

    margin-bottom: 20px !important;

    margin-top: 50px !important;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 15px !important;

}



.col-md-6.mobile {

    text-align: center;

}

li.icons img {

    margin-top: -12px;

    width: 33px;

}

li.icons {

    display: inline-block !important;

    /* width: 38px; */

    text-align: center;

    /* padding: 0px !important; */

}



form#app-link {

    display: flex;

}



.container.last-section.mar50.box {

    height: 300px !important;

}

form#app-link .prefix {

    height: 55px !important;

    padding: 12px !important;

}



.container.fifth-section.pad50 {

    text-align: center;

}



.first-section .heading , .second-section .heading, .blueheading h1{

        font-size: 30px !important;

    margin-top: 20px !important;

}



.mybtns {

    text-align: center;

}







.greenbtn {

    padding: 10px 14px !important;

    font-size: 16px !important;

}



h1.purple {

    font-size: 25px;

}

input#number {

    width: 175px;

}



.footer li.icons {

    margin-right: 8px !important;

}

.fb-icon {

    position: absolute;

    bottom: -5% !important;

    width: 40px !important;

    height: 66px;

    left: 7%;

}



.sub1 .col-md-8 .row {

    margin-bottom: 30px;

    text-align: center !important;

}



.col-md-6.bluebg, .col-md-6.whitebg {

    min-height: 300px !important;

    padding-top: 20px !important;

}



.twitter-icon {

   

    right: 32px !important;

    width: 40px !important;

   

}

.telegram-icon {

 

    width: 40px !important;

   

    top: 138% !important;

}



.sub1 {

    margin-top: 20px !important;

}



.bg-arrow {

   

    top: 110% !important;

   

}

.fourth-section h1.white {

    font-size: 26px;

}



.pad50 {

    padding: 15px !important;

}



.blueheading {

    padding: 10px !important;

}

.tab-1 img {

    width: 100% !important;

}



.row.row1 {

    width: 100% !important;

    padding: 0px !important;

}



.sub1 .col-md-8 .row {

    min-height: 300px !important;

    padding: 30px !important;

}

.col-md-12.links {

    padding: 0px !important;

}



.links img {

    width: 150px !important;

    margin-bottom: 30px !important;

}



.col-md-7 {

    margin: 0 !important;

    text-align: center;

}



.sub {

    padding-left: 0px !important;

}

.last-section .col-md-7 h1 {

    font-size: 30px;

    margin-top: 50px;

}



.container {

    width: 95%;

}



.col-md-6.bluebg {

 margin-bottom:30px;    



}



.col-md-6.bluebg, .col-md-6.whitebg {

    background-size: cover;

    border-radius: 15px;

}

}



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

    .row.white-bg {

    margin-bottom: 30px;

    display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

}

li.icons {

  

    text-align: left;

}



li.icons img {

    width: 32px !important;

}    





.white-bg .col-md-8.text-center {

    margin: 0 30px;

    

}

.token-allocation--graph-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.token-allocation--image-w.padding-left--3-5rem {

  width: 50%;

  margin-bottom: -144px;

  padding-left: 56px;

}

.token-allocation--slide-content-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  margin-top: 64px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--image-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





}





.third-section p {

    font-size: 17px;

    color: #182639;

}



.footer .icons a {

    padding: 0 !important;

}

.footer li.icons {

    margin-right: 15px;

}









/* ---- ABout  Page Css  */

i.glyphicon.glyphicon-record {

    background: #f1c939 !important;

    color:#f1c939 !important;

    border-radius: 50%;

}



.teams h2.purple {

    font-size: 20px;

}

.f72 {

    font-size: 50px;

    line-height: 55px;

    font-weight: bold;

}





img#member-image {

    width: 50%;

    margin: 0 auto;

}





.teams .col-md-4 {

    margin-bottom: 50px;

}







.teams ul.nav li {

    float: left;

}



.teams ul.nav {

    width: 50%;

    margin: 0 auto;

}







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

    

    .f72 {

    line-height: 32px !important;

}

.swiper-slide.width--100.swiper-slide-active {

    width: 100% !important;

}

.token-allocation--slide-content-container,

.token-allocation--slide{

    display: block !important;

}

.token-allocation--graph-w.padding-right--3rem {

    width: auto;

    margin-right: 0 !important;

    /* -webkit-box-orient: vertical; */

    /* -webkit-box-direction: normal; */

    /* -webkit-flex-direction: column; */

    -ms-flex-direction: column;

    /* flex-direction: column; */

    text-align: center;

}

img.token-allocation--graph {

    width: 90% !important;

}

.h3.persian-indigo {

    font-size: 30px !important;

}

.token-allocation--btn-next {

    -webkit-transform: translate(90%, -13px);

    -ms-transform: translate(90%, -13px);

    transform: translate(90%, -13px) !important;

}

.token-allocation--section {

    width: 95vw !important;

}

.h3.persian-indigo {

    font-size: 25px !important;

    line-height: 1.3;

    margin-bottom: 20px;

    text-align: center;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 100% !important;

}

.p-normal.black {

    color: #120425;

    font-size: 16px !important;

    line-height: 2 !important;

    font-weight: 300;

    text-align: center;

    text-transform: none;

}

}





.social i {

    font-size: 30px;

    margin: 20px;

}



.social img {

    width: 32px;

    margin-top: -15px;

}



.greenlink {

    

color:#63a367 ;

}



.mt50 {

margin-top:50px;    



}



p#core1, p#core2, p#core3, p#core4 {

    padding: 20px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 32px;

    background-color: #f3edfd;

    -webkit-transition: all 200ms ease;

    transition: all 200ms ease;

    color: #120425;

    font-size: 20px;

    line-height: 39px;

    font-weight: 300;

    border-radius: 25px;

    margin-bottom: 36px;

    margin-left: 0px;

}



.activenab {

    margin-left: -50px !important;

    background: #b33e5b !important;

    color: white !important;

     box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



.tokens:hover {

    box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



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

    

.modal-dialog {

    width: 940px !Important;

}

.modal-body {

    padding: 60px !important;

}









.modal-body img {

    width: 200px;

    margin: 0 auto;

}



.modal-body .col-md-7 p {

    text-align: left;

}

}

i.glyphicon.glyphicon-record {

    font-size: 20px;

}





.timeline-body h1 {

    padding: 20px !important;

    padding-bottom: 0px !important;

    font-size: 25px !Important;

}





.timeline > li:nth-child(1) {

    margin-top: 0px !important;

}



.timeline > li {

    margin-top: 60px !important;

}

.timeline {

  list-style: none;

  padding: 20px 0 20px;

  position: relative;

}

.timeline:before {

top: 0;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 6px;

    background-color: #b33e5b;

    left: 50%;

    margin-left: -3px;

}





.timeline > li {

  margin-bottom: 20px;

  position: relative;

  width: 50%;

  float: left;

  clear: left;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li > .timeline-panel {

  width: 95%;

  float: left;

  border: 1px solid #d4d4d4;

  /*border-radius: 2px;*/

  /*padding: 20px;*/

  position: relative;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

}



.timeline > li > .timeline-panel:before {

  position: absolute;

  top: 26px;

  right: -15px;

  display: inline-block;

  border-top: 15px solid transparent;

  border-left: 15px solid #ccc;

  border-right: 0 solid #ccc;

  border-bottom: 15px solid transparent;

  content: " ";

}

.timeline > li > .timeline-panel:after {

  position: absolute;

  top: 27px;

  right: -14px;

  display: inline-block;

  border-top: 14px solid transparent;

  border-left: 14px solid #fff;

  border-right: 0 solid #fff;

  border-bottom: 14px solid transparent;

  content: " ";

}

.timeline > li > .timeline-badge {

  color: #fff;

  width: 24px;

  height: 24px;

  line-height: 50px;

  font-size: 1.4em;

  text-align: center;

  position: absolute;

  top: 16px;

  right: -12px;

  /*background-color: #999999;*/

  z-index: 100;

  /*

  border-top-right-radius: 50%;

  border-top-left-radius: 50%;

  border-bottom-right-radius: 50%;

  border-bottom-left-radius: 50%;

  */

}

.timeline > li.timeline-inverted > .timeline-panel {

  float: right;

}

.timeline > li.timeline-inverted > .timeline-panel:before {

  border-left-width: 0;

  border-right-width: 15px;

  left: -15px;

  right: auto;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

  border-left-width: 0;

  border-right-width: 14px;

  left: -14px;

  right: auto;

}

.timeline-badge > a {

  color: #63a567 !important

}

.timeline-badge a:hover {

  color: #63a567 !important

}

.timeline-title {

  margin-top: 0;

  color: inherit;

}

.timeline-body > p,

.timeline-body > ul {

    padding:20px;

    margin-bottom: 0;

}

.timeline-body > p + p {

  margin-top: 5px;

}

.timeline-footer{

    padding:20px;

    background-color:#f4f4f4;

}

.timeline-footer > a{

    cursor: pointer;

    text-decoration: none;

}

.tooltip{



    position:absolute;

    z-index:1020;

    display:block;

    visibility:visible;

    padding:5px;

    font-size:11px;

    opacity:0;

    filter:alpha(opacity=0);

    

}

.tooltip.in{

    /*opacity:0;

    filter:alpha(opacity=80);*/

    

}

.tooltip.top{

    margin-top:-2px;

}

.tooltip.right{

    margin-left:2px;

}

.tooltip.bottom{

    margin-top:2px;

}

.tooltip.left{

    margin-left:-2px;

}

.tooltip.top .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.left .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.bottom .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.right .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip-inner{

    width:200px;

    padding:3px 8px;

    color:#fff;

    text-align:center;

    text-decoration:none;

    background-color:#313131;

    -webkit-border-radius:0px;

    -moz-border-radius:0px;

    border-radius:0px;

}

.tooltip-arrow{

    position:absolute;

    width:0;

    height:0;

}

.timeline > li.timeline-inverted{

  float: right; 

  clear: right;

  margin-top: 30px;

  margin-bottom: 30px;

}

.timeline > li:nth-child(2){

  margin-top: 60px;

}

.timeline > li.timeline-inverted > .timeline-badge{

  left: -12px;

}



@media (max-width: 767px) {

    ul.timeline:before {

        left: 40px;

    }



    ul.timeline > li {

      margin-bottom: 20px;

      position: relative;

      width:100%;

      float: left;

      clear: left;

    }

    ul.timeline > li > .timeline-panel {

        width: calc(100% - 90px);

        width: -moz-calc(100% - 90px);

        width: -webkit-calc(100% - 90px);

    }



    ul.timeline > li > .timeline-badge {

        left: 28px;

        margin-left: 0;

        top: 16px;

    }



    ul.timeline > li > .timeline-panel {

        float: right;

    }



        ul.timeline > li > .timeline-panel:before {

            border-left-width: 0;

            border-right-width: 15px;

            left: -15px;

            right: auto;

        }



        ul.timeline > li > .timeline-panel:after {

            border-left-width: 0;

            border-right-width: 14px;

            left: -14px;

            right: auto;

        }

    

.timeline > li.timeline-inverted{

  float: left; 

  clear: left;

  margin-top: 30px;

  margin-bottom: 35px;

}



.timeline > li.timeline-inverted > .timeline-badge{

  left: 28px;

}

.token-allocation--slide-content-w {

  margin-top: 30px;

}

}







/*----  Tokenomics Page -----*/





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

    

      .activenab {

        margin-left:-15px !Important;

        

    }

    

    p#core1, p#core2, p#core3, p#core4 {

    font-size: 20px !important;

}

}



.tokenboxes h2.purple {

    font-size: 30px !important;

    font-weight: 800;

}



.tdbold {

    background: #63a567;

    color: white;

}



table.table, tr, th, td {

    font-size: 14px !important;

    background: white;

}



.tokenboxes h3.greenlink {

    font-size: 25px;

    font-weight: 800;

}



.tokens svg {

    width: 45px;

    margin-right: 10px;

}



.tokens {

display: inline-flex;

width:100%;

}





.tokens img {

    margin-right: 10px;

}



.token-allocation--section {

  position: relative;

  z-index: 8;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  width: 90vw;

  max-width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #fbf9ff;

}



p.w80 {

    width: 70%;

    margin: 0 auto;

}

.token-allocation--container {

  position: relative;

  z-index: 10;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

 

  margin-bottom:60px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--swiper-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--pagination {

  position: relative;

  top: 48px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: baseline;

  -webkit-align-items: baseline;

  -ms-flex-align: baseline;

  align-items: baseline;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--btn-next {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-next:hover {

  -webkit-transform: translate(4.8px, 3px);

  -ms-transform: translate(4.8px, 3px);

  transform: translate(4.8px, 3px);

}



.token-allocation--text-w {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w.margin-top--1-5rem {

  margin-top: 24px;

}



.token-allocation--text-w.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--heading {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--slide-content-container {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





.token-allocation--slide-content-w.direction--vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--slide-content-w.align--bot {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.token-allocation--slide {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.token-allocation--heading-w {

  width: 90%;

  max-width: 1,536px;

  margin-bottom: 16px;

}



.token-allocation--heading--mobile {

  display: none;

}



.token-allocation--btn-prev {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-prev:hover {

  -webkit-transform: translate(-4.8px, 3px);

  -ms-transform: translate(-4.8px, 3px);

  transform: translate(-4.8px, 3px);

}



.token-allocation--btn-arrow-prev {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}



.token-allocation--pagination-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  max-width: 1,536px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--text-w--desktop {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--desktop.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--text-w--mobile {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--mobile.margin-top--2rem {

  display: none;

  margin-top: 32px;

}



.swiper-wrapper.token-allocation {

    overflow: visible;

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}

.h3.persian-indigo {

    color: #350c6e;

    text-transform: none;



    margin-top: 0px;

    margin-bottom: 0px;

    

    font-size: 40px;

    line-height: 100%;

    font-weight: 600;

    text-transform: lowercase;

}

.p-normal.black {

    color: #120425;



    font-size: 18px;

    line-height: 120%;

    font-weight: 300;

    text-align: center;

    

    text-transform: none;

}



.token-allocation--text-w.margin-top--2rem {

    

    text-align:center;

}





.p-small {

    color: #120425;

    font-size: 16px;

    line-height: 120%;

    font-weight: 300;

    text-align: left;

    text-transform: none;

}



.swiper-slide.width--100 {

    overflow: visible;

    width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}







.token-allocation--graph-w.padding-right--3rem {

  width: auto;

  margin-right: 48px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--legend-container.min-w--29rem {

  min-width: 464px;

}



.token-allocation--legend-circle {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 24px;

  height: 24px;

  margin-right: 12.8px;

  border-radius: 50%;

  background-color: #42e2b8;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}



.token-allocation--legend-circle.yellow {

  background-color: #fa0;

}



.token-allocation--legend-circle.purple {

  background-color: #7f35e8;

}



.token-allocation--legend-circle.black {

  background-color: #350c6e;

}



.token-allocation--legend-circle.pink {

  background-color: #ff28a8;

}



.token-allocation--legend-circle.lavender {

  background-color: #dcc8f9;

}



.token-allocation--legend-circle.green-light {

  background-color: #8fe621;

}



.token-allocation--legend-circle.blue {

  background-color: #274de0;

}



.token-allocation--legend-circle.pink-light {

  background-color: #e261f1;

}



.token-allocation--legend-circle.blue-dark {

  background-color: #3b0773;

}



.token-allocation--legend-circle-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--legend-text-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 40px;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  justify-items: start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  grid-auto-columns: 1fr;

  -ms-grid-columns: 1fr;

  grid-template-columns: 1fr;

  -ms-grid-rows: 24px;

  grid-template-rows: 24px;

}







.h3.persian-indigo {

    text-transform: capitalize;

}





.btn--w.margin-top--4rem.hide--tablet {

    margin-top: 64px !important;

}



.smooth-emission--text-w .p-normal {

    text-align: left !important;

}







h5.black {

    margin-top: 0px;

    margin-bottom: 0px;

    /* color: #fbf9ff; */

    font-size: 34px;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

    margin-top: 50px;

    margin-bottom: 30px;

}



.bold{

    font-weight: 700 !important;

}



.smooth th, .smooth td {

    height: 60px;

    line-height: 1.5;

}



/* Other exchange tokens */

tr, th, td{

    background: transparent !important;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 80%;

}

table.exchange-tokens td, table.exchange-tokens th {

    width: 120px;

    text-align: center;

    line-height: 1.3;

    height: 50px;

}

table.exchange-tokens tr {

    border-bottom: 1px solid;

}

tr#no-border td {

    color: #7d608d;

    font-weight: 600;

}



#accordion .panel.panel-default {

    margin: 20px;

}

.faq-title b {

    font-size: 30px;

}



#fade {

  display: none;

  position: fixed;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: black;

  z-index: 1001;

  -moz-opacity: 0.8;

  opacity: .80;

  filter: alpha(opacity=80);

}





#boxclose {

  float: right;

  cursor: pointer;

  color: #fff;

  border: 1px solid #AEAEAE;

  border-radius: 3px;

  background: #222222;

  font-size: 31px;

  font-weight: bold;

  display: inline-block;

  line-height: 0px;

  padding: 11px 3px;

  position: absolute;

  right: 2px;

  top: 2px;

  z-index: 1002;

  opacity: 0.9;

}



.boxclose:before {

  content: "×";

}



#fade:hover ~ #boxclose {

  display:none;

}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

    display: none;

    position: absolute;

    top: 50%;

    /* left: 50%; */

    max-width: 767px;

    max-height: 400px;

    margin-left: 5px;

    margin-top: -370px;

    z-index: 1002;

    overflow: visible;

}

iframe#VisaChipCardVideo {

    width: 100% !important;

    height: 300px !important;

}

.footer .qr-code {

    min-width: 46%;

}

}

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

    

iframe#VisaChipCardVideo {

    max-width: 600px !important;

    height: 400px !important;

}

#light {

  display: none;

  position: absolute;

/*  top: 50%; */

  left: 10%;

  max-width: 600px;

  max-height: 402px;

  margin-left: 0;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

  display: none;

  position: absolute;

  top: 30%;

 /* left: 50%; */

  max-width: 800px;

  max-height: 502px;

  margin-left: -405px;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}

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

.footer .qr-code {

    min-width: 56%;

}

}



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

    .token-allocation--legend-container.min-w--29rem {

    min-width: 300px !important;

}

}



.qr-text {

    margin-top: 8px;

}



.third-section.mar50 {

    padding: 50px 50px 0px !important;

}



\****about***\


.icons-area.col-md-12.icons-footer {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 1px 13px #b33e5b69;
}
ul.nav.navbar-nav.icons-footer-nav {
    float: unset !important;
}

/*.playpause {

    background-image: url(https://smilecrypto.net/assets/play.png);

    background-repeat: no-repeat;

    width: 15%;

    height: 15%;

    position: absolute;

    left: 0%;

    right: 0%;

    top: 0%;

    bottom: 0%;

    margin: auto;

    background-size: contain;

    background-position: center;

}

*/



input.btn.green3btn {

    background: #f1c939 !Important;

}



.full .modal-dialog {

    width: 600px !important;

}

.full .modal-dialog img {

    width: 100% !important;

}

*{

	font-size:16px;

}

.navbar-brand img.img-responsive {

    margin-top: 16px;

}





.panel-body.purple {

    overflow-wrap: break-word;

}

body 

{

	font-family: 'Kufam', sans-serif !important;

	color: #182639 !important;

    font-size: 20px !important;

    line-height: 1.4em !important;

	background:#7d608d14 !important

}

p.small.purple.copy {

    margin-bottom: 0px;

    font-weight: 800;

}





.container.sixth-section.pad50 {

    position: relative;

    width: 100%;

}



h1, h2, h3, h4,h5, h6 {

	

	font-family: 'Kufam', sans-serif !important;

}



nav.navbar.navbar-default {

    padding: 20px;

}



a.navbar-brand {

    padding: 0px;

    margin-top: -15px;

}



li.fass {

    font-size: 20px;

    font-weight: 700;

}



li.icons i {

    font-size: 22px;

}



i.fa.fa-twitter {

    color: #00acee !important;

}

i.fa.fa-linkedin-square {

    color: #0e76a8 !important;

}



i.fa.fa-youtube-play {

    color: #ff0000 !important;

}

i.fa.fa-facebook-square {

    color: #4267B2 !important;

}



i.fa.fa-telegram {

    color: #229ED9 !important;

}

li.fass a {

    color: #7a5d89 !important;

}



li a.active {

    color: #63a367 !important;

}



li a:hover{

   color:#63a367 !important;

}	

	

	.purple {

		 color: #b33e5b !important;

	}

	

	.pad50  {

		padding:50px;

	}

	.mar50 {

		  margin:50px;

	}

.first-section	.heading 

{

	margin-top: 60px;

    margin-bottom: 20px;

    font-size:42px;

	font-weight: 900;

	

}



.greenbtn {

    background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 16px !important;

    margin-top: 20px;

}



.second-section .heading {

    font-size: 45px;

    font-weight: 600;



}



.second-section p {

    width: 70%;

    margin: 0 auto;

    font-size:16px;

}



.box {

  

    border-radius: 18px;

    box-shadow: 2px 1px 11px #ffffff00;

    background: #f1c939;

    color:white;

}







.third-section img {

padding-top:20px;



}

.third-section h1.purple {

    font-weight: 700;

}



.col-md-6.bluebg {

    background: url(assets/bluebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    color: white;

    padding: 50px;

}



.col-md-6.whitebg {

    background: url(assets/whitebg.png);

    background-size: contain;

    min-height: 450px;

    background-repeat: no-repeat;

    background-position: center;

    padding: 50px;

}

.forth-section .blueheading {

    padding-top: 60px;

    padding-left: 8%;

	text-align:center;

}

.blueheading h1{

	font-size: 43px;

	line-height: 50px;

    font-weight: 700;

	text-align: center;



}

.fifth-section h2.purple {

    font-size: 26px;

        font-weight: 600;

    

}

.fifth-section h3.purple {

    font-size: 20px;

        font-weight: 600;

}

.blueheading p {

	font-size:16px;

}

.icons{

		font-family: 'Kufam', sans-serif !important;

    color: #182639;

    font-size: 18px;

    line-height: 1.4em;    

    cursor: pointer;







    

}



.footer ul.nav.navbar-nav li a:hover {

    background: transparent !important;

}



.footer a {

    font-size: 14px !important;

}



p#code1, p#code2, p#code3 {

    

padding-left: 30px !Important;

    padding: 10px;

    height: 70px;

    vertical-align: middle;

    font-size: 16px;



border-radius: 10px;

}



p#code1 {

    

background-color: #ffffffa6;

}



.sixth-section p.white {

    font-size: 14px !important;

}

.icons p{

	font-size: 18px;

}

.row1{

	width:80%;

	margin: 0 auto !important;

	padding-top:40px;

}

.row2{

	padding-top: 55px;

    padding-bottom: 65px;

}

.row2 p{

	cursor: pointer;

}

.mobile{

	text-align:right;

}

h3{

	margin-top:0px !important;

}

.sub{

	padding-left: 32px;

    padding-bottom: 13px;

}

.majorheading{

	text-align:center;

}

.sub1{

padding-top:30px;

max-width: 732px;

    margin: 0 auto !important;

	

}









.nextheading h1{

	font-size:50px;

}

.links img {

    width: 140px !important;

    margin: 0 31px;

}

.col-md-12.links {

    padding-top: 94px;

}

.eightheading h1{

	font-size:42px;

}

.green2btn {

	background: #63a367 !important;

    padding: 10px 30px !important;

    color: white;

    font-size: 20px !important;

    margin-top: 20px;

	float:right;

}

.green3btn{

	color: white;

  

    padding: 6px 10px !important;

   

    border: none; 

	background: #63a367 !important;

	

    font-size: 13px !important;

}

.main{

	padding-bottom:20px;

	padding-top:15px;

}



.prefix {

    width: 50px;

    float: left;

    height: 34px;

    background: #ddd;

    text-align: center;

}

.pre{

	padding-right:15px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.white-bg {

    background: #fff;

    border-radius: 10px;

    padding: 10px;

}

.sub1 {

    margin-top: 50px !important;

}



.col-md-4.white-bg{

	display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 40px;

	min-height: 400px;

}

.col-md-4.white-bg {

    min-height: 370px;

    padding: 30px;

    text-align: center;

}





.row.white-bg p{

	font-size: 16px !important;

}





.container.last-section {

    max-width: 1170px;

    background: url(assets/FREE-DEMO.jpg), #63a567;

    height: 468px;

    background-repeat: no-repeat;

    border-radius: 8px;

    color: #fff !important;

        box-shadow: 2px 1px 11px #00000066;

            background-position: bottom;

            

            background-size: contain;

}



li.icons img {

    width: 24px;

}

.last-section .col-md-7 {

    margin: 12% 10%;

}





p.small.purple {

    line-height: 19px;

}

li.icons {

    margin: 10px 0px;

}



.last-section .col-md-7 h1 {

    padding-right: 250px !important;

}



.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 0px !important;

}

form#app-link {

    margin-top: 8%;

}



form#app-link .prefix, form#app-link input#email, form#app-link input.btn.green3btn {

    padding: 6px 12px;

}



.last-section .prefix {

    color: #000;

    height: 44px;

}

.last-section input.btn.green3btn {

    margin-left: -5px;

    min-height: 44px;

    font-size: 15px !important;

}



.footer input#number {

    width: 150px !important;

}

.footer input.btn.green3btn {

    position: absolute;

}

h1.purple.storm {

    font-size: 54px;

	font-weight: 500;

    line-height: 1.2;

	margin-bottom: 20px;

	padding:10px;

}

p.white.leave {

    margin-bottom: 25px;

    padding: 0 157px !important;

}

input#name {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;   

	margin: 0px 5px 0px 0px;

}

input#Email {

    border: none;

    border-radius: 34px;

    font-size: 16px;

    padding: 7px 13px;  

	margin: 0px 5px 0px 0px;

}

input[type="button"] {

    border-radius: 24px;

    border: none;

    font-size: 18px;

    padding: 8px 25px !important;

    background-color:  #63a367 !important;

    color: white;    

	

}

nav.navbar.navbar-default2 {

    margin-top: 56px;

}

.footer .small {

    font-size: 12px !important;

}



.bg-arrow {

    position: absolute;

    left: 0%;

    top: 80%;

    right: 0%;

    bottom: 0;

    left: -3%;

    z-index: -1;

}

button.btn.greenbtn:hover {

    background: #f1c939 !important;

    color:#59187a !important;

}

p.small.purple {

    line-height: 19px;

    color: #59187aab !important;

}

.bg-arrow img {

    max-width: 100%;

    overflow: visible;

    -o-object-fit: contain;

    object-fit: contain;

}



.fb-icon {

    position: absolute;

    bottom: -10%;

    width: 80px;

    height: 80px;

    left: 7%;

}



.twitter-icon {

    position: absolute;

    right: 95px;

    width: 80px;

    height: 80px;

}

.telegram-icon {

    position: absolute;

    width: 80px;

    height: 80px;

    top: 150%;

}

.wave-cover-left {

    position: absolute;

    left: 0%;

    top: -1%;

    right: 0%;

    bottom: 0%;

    z-index: 201;

    background-color: #fff;

}



.sub1 .col-md-8 .row {

    min-height: 177px;

}



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

    .forth-section img {

    width: 30% !important;

   

}



.fifth-section img{

     width: 30% !important;

}

    

.footer ul.nav.navbar-nav li:nth-child(1) a {

    padding-left: 15px !important;

}



li.icons:nth-child(2) a {

    padding-left: 10px !important;

}

.row2 {

    padding: 20px 0px !important;

    text-align:center;

}

.fifth-section .col-md-9 {

    text-align: center !important;

}



.last-section .col-md-7 h1 {

    padding: 0px !important;

}

.fifth-section .col-md-3 {

    text-align: center !important;

    margin-bottom: 20px !important;

    margin-top: 50px !important;

}

.sub1 .col-md-8:nth-child(1) {

    padding-right: 15px !important;

}



.col-md-6.mobile {

    text-align: center;

}

li.icons img {

    margin-top: -12px;

    width: 33px;

}

li.icons {

    display: inline-block !important;

    /* width: 38px; */

    text-align: center;

    /* padding: 0px !important; */

}



form#app-link {

    display: flex;

}



.container.last-section.mar50.box {

    height: 300px !important;

}

form#app-link .prefix {

    height: 55px !important;

    padding: 12px !important;

}



.container.fifth-section.pad50 {

    text-align: center;

}



.first-section .heading , .second-section .heading, .blueheading h1{

        font-size: 30px !important;

    margin-top: 20px !important;

}



.mybtns {

    text-align: center;

}







.greenbtn {

    padding: 10px 14px !important;

    font-size: 16px !important;

}



h1.purple {

    font-size: 25px;

}

input#number {

    width: 175px;

}



.footer li.icons {

    margin-right: 8px !important;

}

.fb-icon {

    position: absolute;

    bottom: -5% !important;

    width: 40px !important;

    height: 66px;

    left: 7%;

}



.sub1 .col-md-8 .row {

    margin-bottom: 30px;

    text-align: center !important;

}



.col-md-6.bluebg, .col-md-6.whitebg {

    min-height: 300px !important;

    padding-top: 20px !important;

}



.twitter-icon {

   

    right: 32px !important;

    width: 40px !important;

   

}

.telegram-icon {

 

    width: 40px !important;

   

    top: 138% !important;

}



.sub1 {

    margin-top: 20px !important;

}



.bg-arrow {

   

    top: 110% !important;

   

}

.fourth-section h1.white {

    font-size: 26px;

}



.pad50 {

    padding: 15px !important;

}



.blueheading {

    padding: 10px !important;

}

.tab-1 img {

    width: 100% !important;

}



.row.row1 {

    width: 100% !important;

    padding: 0px !important;

}



.sub1 .col-md-8 .row {

    min-height: 300px !important;

    padding: 30px !important;

}

.col-md-12.links {

    padding: 0px !important;

}



.links img {

    width: 150px !important;

    margin-bottom: 30px !important;

}



.col-md-7 {

    margin: 0 !important;

    text-align: center;

}



.sub {

    padding-left: 0px !important;

}

.last-section .col-md-7 h1 {

    font-size: 30px;

    margin-top: 50px;

}



.container {

    width: 95%;

}



.col-md-6.bluebg {

 margin-bottom:30px;    



}



.col-md-6.bluebg, .col-md-6.whitebg {

    background-size: cover;

    border-radius: 15px;

}

}



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

    .row.white-bg {

    margin-bottom: 30px;

    display: flex;

    display: -webkit-box;

    align-items: center;

    display: -ms-flexbox;

    display: -moz-box;

    display: -webkit-flex;

}

li.icons {

  

    text-align: left;

}



li.icons img {

    width: 32px !important;

}    





.white-bg .col-md-8.text-center {

    margin: 0 30px;

    

}

.token-allocation--graph-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.token-allocation--image-w.padding-left--3-5rem {

  width: 50%;

  margin-bottom: -144px;

  padding-left: 56px;

}

.token-allocation--slide-content-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  margin-top: 64px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--image-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





}





.third-section p {

    font-size: 17px;

    color: #182639;

}



.footer .icons a {

    padding: 0 !important;

}

.footer li.icons {

    margin-right: 15px;

}









/* ---- ABout  Page Css  */

i.glyphicon.glyphicon-record {

    background: #f1c939 !important;

    color:#f1c939 !important;

    border-radius: 50%;

}



.teams h2.purple {

    font-size: 20px;

}

.f72 {

    font-size: 50px;

    line-height: 55px;

    font-weight: bold;

}





img#member-image {

    width: 50%;

    margin: 0 auto;

}





.teams .col-md-4 {

    margin-bottom: 50px;

}







.teams ul.nav li {

    float: left;

}



.teams ul.nav {

    width: 50%;

    margin: 0 auto;

}







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

    

    .f72 {

    line-height: 32px !important;

}

.swiper-slide.width--100.swiper-slide-active {

    width: 100% !important;

}

.token-allocation--slide-content-container,

.token-allocation--slide{

    display: block !important;

}

.token-allocation--graph-w.padding-right--3rem {

    width: auto;

    margin-right: 0 !important;

    /* -webkit-box-orient: vertical; */

    /* -webkit-box-direction: normal; */

    /* -webkit-flex-direction: column; */

    -ms-flex-direction: column;

    /* flex-direction: column; */

    text-align: center;

}

img.token-allocation--graph {

    width: 90% !important;

}

.h3.persian-indigo {

    font-size: 30px !important;

}

.token-allocation--btn-next {

    -webkit-transform: translate(90%, -13px);

    -ms-transform: translate(90%, -13px);

    transform: translate(90%, -13px) !important;

}

.token-allocation--section {

    width: 95vw !important;

}

.h3.persian-indigo {

    font-size: 25px !important;

    line-height: 1.3;

    margin-bottom: 20px;

    text-align: center;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 100% !important;

}

.p-normal.black {

    color: #120425;

    font-size: 16px !important;

    line-height: 2 !important;

    font-weight: 300;

    text-align: center;

    text-transform: none;

}

}





.social i {

    font-size: 30px;

    margin: 20px;

}



.social img {

    width: 32px;

    margin-top: -15px;

}



.greenlink {

    

color:#63a367 ;

}



.mt50 {

margin-top:50px;    



}



p#core1, p#core2, p#core3, p#core4 {

    padding: 20px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 32px;

    background-color: #f3edfd;

    -webkit-transition: all 200ms ease;

    transition: all 200ms ease;

    color: #120425;

    font-size: 20px;

    line-height: 39px;

    font-weight: 300;

    border-radius: 25px;

    margin-bottom: 36px;

    margin-left: 0px;

}



.activenab {

    margin-left: -50px !important;

    background: #b33e5b !important;

    color: white !important;

     box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



.tokens:hover {

    box-shadow: 0 10px 20px -17px rgb(18 4 37 / 60%);

}



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

    

.modal-dialog {

    width: 940px !Important;

}

.modal-body {

    padding: 60px !important;

}









.modal-body img {

    width: 200px;

    margin: 0 auto;

}



.modal-body .col-md-7 p {

    text-align: left;

}

}

i.glyphicon.glyphicon-record {

    font-size: 20px;

}





.timeline-body h1 {

    padding: 20px !important;

    padding-bottom: 0px !important;

    font-size: 25px !Important;

}





.timeline > li:nth-child(1) {

    margin-top: 0px !important;

}



.timeline > li {

    margin-top: 60px !important;

}

.timeline {

  list-style: none;

  padding: 20px 0 20px;

  position: relative;

}

.timeline:before {

top: 0;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 6px;

    background-color: #b33e5b;

    left: 50%;

    margin-left: -3px;

}





.timeline > li {

  margin-bottom: 20px;

  position: relative;

  width: 50%;

  float: left;

  clear: left;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li > .timeline-panel {

  width: 95%;

  float: left;

  border: 1px solid #d4d4d4;

  /*border-radius: 2px;*/

  /*padding: 20px;*/

  position: relative;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

}



.timeline > li > .timeline-panel:before {

  position: absolute;

  top: 26px;

  right: -15px;

  display: inline-block;

  border-top: 15px solid transparent;

  border-left: 15px solid #ccc;

  border-right: 0 solid #ccc;

  border-bottom: 15px solid transparent;

  content: " ";

}

.timeline > li > .timeline-panel:after {

  position: absolute;

  top: 27px;

  right: -14px;

  display: inline-block;

  border-top: 14px solid transparent;

  border-left: 14px solid #fff;

  border-right: 0 solid #fff;

  border-bottom: 14px solid transparent;

  content: " ";

}

.timeline > li > .timeline-badge {

  color: #fff;

  width: 24px;

  height: 24px;

  line-height: 50px;

  font-size: 1.4em;

  text-align: center;

  position: absolute;

  top: 16px;

  right: -12px;

  /*background-color: #999999;*/

  z-index: 100;

  /*

  border-top-right-radius: 50%;

  border-top-left-radius: 50%;

  border-bottom-right-radius: 50%;

  border-bottom-left-radius: 50%;

  */

}

.timeline > li.timeline-inverted > .timeline-panel {

  float: right;

}

.timeline > li.timeline-inverted > .timeline-panel:before {

  border-left-width: 0;

  border-right-width: 15px;

  left: -15px;

  right: auto;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

  border-left-width: 0;

  border-right-width: 14px;

  left: -14px;

  right: auto;

}

.timeline-badge > a {

  color: #63a567 !important

}

.timeline-badge a:hover {

  color: #63a567 !important

}

.timeline-title {

  margin-top: 0;

  color: inherit;

}

.timeline-body > p,

.timeline-body > ul {

    padding:20px;

    margin-bottom: 0;

}

.timeline-body > p + p {

  margin-top: 5px;

}

.timeline-footer{

    padding:20px;

    background-color:#f4f4f4;

}

.timeline-footer > a{

    cursor: pointer;

    text-decoration: none;

}

.tooltip{



    position:absolute;

    z-index:1020;

    display:block;

    visibility:visible;

    padding:5px;

    font-size:11px;

    opacity:0;

    filter:alpha(opacity=0);

    

}

.tooltip.in{

    /*opacity:0;

    filter:alpha(opacity=80);*/

    

}

.tooltip.top{

    margin-top:-2px;

}

.tooltip.right{

    margin-left:2px;

}

.tooltip.bottom{

    margin-top:2px;

}

.tooltip.left{

    margin-left:-2px;

}

.tooltip.top .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.left .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.bottom .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip.right .tooltip-arrow{

    bottom:0;

    left:0;

    margin-left:0;

    border-left:0 solid transparent;

    border-right:5px solid transparent;

    border-top:0 solid #000;

}

.tooltip-inner{

    width:200px;

    padding:3px 8px;

    color:#fff;

    text-align:center;

    text-decoration:none;

    background-color:#313131;

    -webkit-border-radius:0px;

    -moz-border-radius:0px;

    border-radius:0px;

}

.tooltip-arrow{

    position:absolute;

    width:0;

    height:0;

}

.timeline > li.timeline-inverted{

  float: right; 

  clear: right;

  margin-top: 30px;

  margin-bottom: 35px;

}

.timeline > li:nth-child(2){

  margin-top: 60px;

}

.timeline > li.timeline-inverted > .timeline-badge{

  left: -12px;

}



@media (max-width: 767px) {

    ul.timeline:before {

        left: 40px;

    }



    ul.timeline > li {

      margin-bottom: 20px;

      position: relative;

      width:100%;

      float: left;

      clear: left;

    }

    ul.timeline > li > .timeline-panel {

        width: calc(100% - 90px);

        width: -moz-calc(100% - 90px);

        width: -webkit-calc(100% - 90px);

    }



    ul.timeline > li > .timeline-badge {

        left: 28px;

        margin-left: 0;

        top: 16px;

    }



    ul.timeline > li > .timeline-panel {

        float: right;

    }



        ul.timeline > li > .timeline-panel:before {

            border-left-width: 0;

            border-right-width: 15px;

            left: -15px;

            right: auto;

        }



        ul.timeline > li > .timeline-panel:after {

            border-left-width: 0;

            border-right-width: 14px;

            left: -14px;

            right: auto;

        }

    

.timeline > li.timeline-inverted{

  float: left; 

  clear: left;

  margin-top: 30px;

  margin-bottom: 35px;

}



.timeline > li.timeline-inverted > .timeline-badge{

  left: 28px;

}

.token-allocation--slide-content-w {

  margin-top: 30px;

}

}







/*----  Tokenomics Page -----*/





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

    

      .activenab {

        margin-left:-15px !Important;

        

    }

    

    p#core1, p#core2, p#core3, p#core4 {

    font-size: 20px !important;

}

}



.tokenboxes h2.purple {

    font-size: 30px !important;

    font-weight: 800;

}



.tdbold {

    background: #63a567;

    color: white;

}



table.table, tr, th, td {

    font-size: 14px !important;

    background: white;

}



.tokenboxes h3.greenlink {

    font-size: 25px;

    font-weight: 800;

}



.tokens svg {

    width: 45px;

    margin-right: 10px;

}



.tokens {

display: inline-flex;

width:100%;

}





.tokens img {

    margin-right: 10px;

}



.token-allocation--section {

  position: relative;

  z-index: 8;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  width: 90vw;

  max-width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #fbf9ff;

}



p.w80 {

    width: 70%;

    margin: 0 auto;

}

.token-allocation--container {

  position: relative;

  z-index: 10;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

 

  margin-bottom:60px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--swiper-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--pagination {

  position: relative;

  top: 48px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: visible;

  width: 100%;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: baseline;

  -webkit-align-items: baseline;

  -ms-flex-align: baseline;

  align-items: baseline;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.token-allocation--btn-next {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-next:hover {

  -webkit-transform: translate(4.8px, 3px);

  -ms-transform: translate(4.8px, 3px);

  transform: translate(4.8px, 3px);

}



.token-allocation--text-w {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w.margin-top--1-5rem {

  margin-top: 24px;

}



.token-allocation--text-w.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--heading {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--slide-content-container {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}





.token-allocation--slide-content-w.direction--vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--slide-content-w.align--bot {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.token-allocation--slide {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.token-allocation--heading-w {

  width: 90%;

  max-width: 1,536px;

  margin-bottom: 16px;

}



.token-allocation--heading--mobile {

  display: none;

}



.token-allocation--btn-prev {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 48px;

  height: 48px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translate(0px, 3px);

  -ms-transform: translate(0px, 3px);

  transform: translate(0px, 3px);

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #350c6e;

  cursor: pointer;

}



.token-allocation--btn-prev:hover {

  -webkit-transform: translate(-4.8px, 3px);

  -ms-transform: translate(-4.8px, 3px);

  transform: translate(-4.8px, 3px);

}



.token-allocation--btn-arrow-prev {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}



.token-allocation--pagination-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 90%;

  max-width: 1,536px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--text-w--desktop {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--desktop.margin-top--2rem {

  margin-top: 32px;

}



.token-allocation--text-w--mobile {

  width: 100%;

  max-width: 832px;

}



.token-allocation--text-w--mobile.margin-top--2rem {

  display: none;

  margin-top: 32px;

}



.swiper-wrapper.token-allocation {

    overflow: visible;

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}

.h3.persian-indigo {

    color: #350c6e;

    text-transform: none;



    margin-top: 0px;

    margin-bottom: 0px;

    

    font-size: 40px;

    line-height: 100%;

    font-weight: 600;

    text-transform: lowercase;

}

.p-normal.black {

    color: #120425;



    font-size: 18px;

    line-height: 120%;

    font-weight: 300;

    text-align: center;

    

    text-transform: none;

}



.token-allocation--text-w.margin-top--2rem {

    

    text-align:center;

}





.p-small {

    color: #120425;

    font-size: 16px;

    line-height: 120%;

    font-weight: 300;

    text-align: left;

    text-transform: none;

}



.swiper-slide.width--100 {

    overflow: visible;

    width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

}







.token-allocation--graph-w.padding-right--3rem {

  width: auto;

  margin-right: 48px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.token-allocation--legend-container.min-w--29rem {

  min-width: 464px;

}



.token-allocation--legend-circle {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 24px;

  height: 24px;

  margin-right: 12.8px;

  border-radius: 50%;

  background-color: #42e2b8;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}



.token-allocation--legend-circle.yellow {

  background-color: #fa0;

}



.token-allocation--legend-circle.purple {

  background-color: #7f35e8;

}



.token-allocation--legend-circle.black {

  background-color: #350c6e;

}



.token-allocation--legend-circle.pink {

  background-color: #ff28a8;

}



.token-allocation--legend-circle.lavender {

  background-color: #dcc8f9;

}



.token-allocation--legend-circle.green-light {

  background-color: #8fe621;

}



.token-allocation--legend-circle.blue {

  background-color: #274de0;

}



.token-allocation--legend-circle.pink-light {

  background-color: #e261f1;

}



.token-allocation--legend-circle.blue-dark {

  background-color: #3b0773;

}



.token-allocation--legend-circle-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.token-allocation--legend-text-w {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 40px;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  justify-items: start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  grid-auto-columns: 1fr;

  -ms-grid-columns: 1fr;

  grid-template-columns: 1fr;

  -ms-grid-rows: 24px;

  grid-template-rows: 24px;

}







.h3.persian-indigo {

    text-transform: capitalize;

}





.btn--w.margin-top--4rem.hide--tablet {

    margin-top: 64px !important;

}



.smooth-emission--text-w .p-normal {

    text-align: left !important;

}







h5.black {

    margin-top: 0px;

    margin-bottom: 0px;

    /* color: #fbf9ff; */

    font-size: 34px;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

    margin-top: 50px;

    margin-bottom: 30px;

}



.bold{

    font-weight: 700 !important;

}



.smooth th, .smooth td {

    height: 60px;

    line-height: 1.5;

}



/* Other exchange tokens */

tr, th, td{

    background: transparent !important;

}

table.exchange-tokens {

    margin-top: 30px;

    width: 80%;

}

table.exchange-tokens td, table.exchange-tokens th {

    width: 120px;

    text-align: center;

    line-height: 1.3;

    height: 50px;

}

table.exchange-tokens tr {

    border-bottom: 1px solid;

}

tr#no-border td {

    color: #7d608d;

    font-weight: 600;

}



#accordion .panel.panel-default {

    margin: 20px;

}

.faq-title b {

    font-size: 30px;

}



#fade {

  display: none;

  position: fixed;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: black;

  z-index: 1001;

  -moz-opacity: 0.8;

  opacity: .80;

  filter: alpha(opacity=80);

}





#boxclose {

  float: right;

  cursor: pointer;

  color: #fff;

  border: 1px solid #AEAEAE;

  border-radius: 3px;

  background: #222222;

  font-size: 31px;

  font-weight: bold;

  display: inline-block;

  line-height: 0px;

  padding: 11px 3px;

  position: absolute;

  right: 2px;

  top: 2px;

  z-index: 1002;

  opacity: 0.9;

}



.boxclose:before {

  content: "×";

}



#fade:hover ~ #boxclose {

  display:none;

}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

    display: none;

    position: absolute;

    top: 50%;

    /* left: 50%; */

    max-width: 767px;

    max-height: 400px;

    margin-left: 5px;

    margin-top: -370px;

    z-index: 1002;

    overflow: visible;

}

iframe#VisaChipCardVideo {

    width: 100% !important;

    height: 300px !important;

}

.footer .qr-code {

    min-width: 46%;

}

}

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

    

iframe#VisaChipCardVideo {

    max-width: 600px !important;

    height: 400px !important;

}

#light {

  display: none;

  position: absolute;

/*  top: 50%; */

  left: 10%;

  max-width: 600px;

  max-height: 402px;

  margin-left: 0;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}



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

.footer .qr-code {

    min-width: 43%;

}

#light {

  display: none;

  position: absolute;

  top: 30%;

 /* left: 50%; */

  max-width: 800px;

  max-height: 502px;

  margin-left: -405px;

  margin-top: -180px;

  z-index: 1002;

  overflow: visible;

}



}

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

.footer .qr-code {

    min-width: 56%;

}

}



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

    .token-allocation--legend-container.min-w--29rem {

    min-width: 300px !important;

}

}



.qr-text {

    margin-top: 8px;

}



.third-section.mar50 {

    padding: 50px 50px 0px !important;

}



\****about***\


.icons-area.col-md-12.icons-footer {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 1px 13px #b33e5b69;
}
ul.nav.navbar-nav.icons-footer-nav {
    float: unset !important;
}


.icons-footer-nav .fa{
	margin-right:5px;
}

.icons-footer {
    border: 1px solid #f1c9399c;
}

@media only screen and (min-width:991px){
.icons-footer ul.nav.navbar-nav.icons-footer-nav {
    text-align: center !important;
}
.icons-footer-nav{
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
	justify-content:center;
	align-items:center;
}

.teams .col-md-4.text-center.col-md-offset-1 {
    margin-left: 2.333333% !important;
}
}

@media only screen and (min-width:929px) and (max-width:990px){

.icons-footer ul.nav.navbar-nav.icons-footer-nav li a {
    font-size:9px !important;
}
.col-md-12.icons-footer {
 
    text-align: center;
	}

}

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

.icons-footer ul.nav.navbar-nav.icons-footer-nav li a {
    font-size: 14px;
}

.col-md-12.icons-footer {
 
    text-align: center;
	}
}

@media only screen and (min-width:230px) and (max-width:398px){

.icons-footer ul.nav.navbar-nav.icons-footer-nav li a {
    font-size:10px !important;
  
}
.col-md-12.icons-footer {
 
    text-align: center;
	}
.container-fluid.icons-area {
    padding-right: unset !important;
   
}




}
.iconline {
    background: #f1c9394d;
    padding: 20px;
}

.iconline ul.list-inline {
    margin-bottom: 0px !important;
}

.iconline li.list-inline-item a img {
    margin-right: 10px;
}

.iconline li.list-inline-item a {
    display: inline-flex;
    line-height: 32px;
}

.iconline li.list-inline-item {
    margin-right: 15px;
}

@media only screen and (max-width:768px) {
    
ul.list-inline {
    display: table-cell !important;
    margin: 7px;
}
.iconline li.list-inline-item {
    margin-right: 5px;
}

}