.thin-title {
    color: rgb(121, 47, 207);
    font-family: Poppins-Light;
    font-size: 36px;
    text-transform: capitalize;
    text-shadow: none;
    font-weight: 100;
}
.marvel-font {
	font-family: Poppins-SemiBold, serif;
	text-shadow: 0 1px 0 rgb(98,10,202), 1px 0 0 rgb(98,10,202), 1px 1px 0 rgb(98,10,202), 0 -1px 0 rgb(98,10,202), -1px 0 0 rgb(98,10,202), -1px -1px 0 rgb(98,10,202), -1px 1px 0 rgb(98,10,202), 1px -1px 0 rgb(98,10,202), 0 2.2px 0 rgb(98,10,202), 2.2px 0 0 rgb(98,10,202), 2.2px 2.2px rgb(98,10,202);
	font-weight: bolder;
	letter-spacing: 3px;
	font-size: 25px;
	text-transform: uppercase;
	color: white;
}

#myBar2-text {
	width: 300px;
}

div.contenedor-grande {
	height: 1050px;
	font-size: 14pt;
}
.contenedor-interior {
	text-align: center; color: white; padding: 70px; padding-bottom: 25px;
}
.contenedor-flexible {
	display: flex; font-size: 14pt;
}
.contenedor-izquierdo {
	padding: 40px;
}
.contenedor-derecho {
	padding: 40px; text-align: left;
}
.hr-blanco {
	border: 1px solid white;
}
.contenedor-tiers {
	list-style-type: none; 
	font-size: 14pt;
}
@media (max-width: 1199px) {
	div.contenedor-grande {
		height: 1200px;
	}
}
@media (max-width: 1000px) {
	.contenedor-interior h1 {
		font-size: 15pt;
	}
}
@media (max-width: 991px) {
	div.contenedor-grande {
		height: 1450px;
	}
}
@media (max-width: 900px) {
	div.contenedor-grande {
		font-size: 14pt;
		padding: 50px 0 !important;
	}
}
@media (max-width: 767px) {
	div.contenedor-grande {
		height: 1400px;
	}
}
@media (max-width: 690px) {
	div.contenedor-grande {
		height: 1500px;
		padding: 50px !important;
	}
}
@media (max-width: 620px) {
	.contenedor-interior h1 {
		font-size: 10pt;
	}
}
@media (max-width: 550px) {
	div.contenedor-grande {
		padding: 5px !important;
	}	
	.contenedor-interior {
		padding: 5px;
	}
}

    @font-face {
        font-family: Poppins-Black;
        src: url(../fonts/Poppins-Black.ttf);
    }
    @font-face {
        font-family: Poppins-BlackItalic;
        src: url(../fonts/Poppins-BlackItalic.ttf);
    }
    @font-face {
        font-family: Poppins-ExtraBold;
        src: url(../fonts/Poppins-ExtraBold.ttf);
    }
    @font-face {
        font-family: Poppins-ExtraBoldItalic;
        src: url(../fonts/Poppins-ExtraBoldItalic.ttf);
    }
    @font-face {
        font-family: Poppins-ExtraLight;
        src: url(../fonts/Poppins-ExtraLight.ttf);
    }
    @font-face {
        font-family: Poppins-ExtraLightItalic;
        src: url(../fonts/Poppins-ExtraLightItalic.ttf);
    }
    @font-face {
        font-family: Poppins-Italic;
        src: url(../fonts/Poppins-Italic.ttf);
    }
    @font-face {
        font-family: Poppins-Light;
        src: url(../fonts/Poppins-Light.ttf);
    }
    @font-face {
        font-family: Poppins-LightItalic;
        src: url(../fonts/Poppins-LightItalic.ttf);
    }
    @font-face {
        font-family: Poppins-Medium;
        src: url(../fonts/Poppins-Medium.ttf);
    }
    @font-face {
        font-family: Poppins-MediumItalic;
        src: url(../fonts/Poppins-MediumItalic.ttf);
    }
    @font-face {
        font-family: Poppins-Regular;
        src: url(../fonts/Poppins-Regular.ttf);
    }
    @font-face {
        font-family: Poppins-SemiBold;
        src: url(../fonts/Poppins-SemiBold.ttf);
    }
    @font-face {
        font-family: Poppins-SemiBoldItalic;
        src: url(../fonts/Poppins-SemiBoldItalic.ttf);
    }
    @font-face {
        font-family: Poppins-Thin;
        src: url(../fonts/Poppins-Thin.ttf);
    }
    @font-face {
        font-family: Poppins-ThinItalic;
        src: url(../fonts/Poppins-ThinItalic.ttf);
    }





    *{
        box-sizing:border-box;
        padding: 0;
        margin: 0;
        font-family: Poppins-Regular, serif;
    }



    .float-left{
        float: left;
    }

    body{
        overflow-x:hidden;
        min-width: 300px;
        font-family: Poppins-Regular, serif;
    }

    div.container-fluid{
	    padding: 0;
    }

    .title{
        margin-bottom: 60px;
    }

    .title-text{
        font-family: Poppins-SemiBold, serif;
        text-shadow: 0 1px 0 rgb(98,10,202), 1px 0 0 rgb(98,10,202), 1px 1px 0 rgb(98,10,202),
                     0 -1px 0 rgb(98,10,202), -1px 0 0 rgb(98,10,202), -1px -1px 0 rgb(98,10,202),
                     -1px 1px 0 rgb(98,10,202), 1px -1px 0 rgb(98,10,202),
                     0 2.2px 0 rgb(98,10,202), 2.2px 0 0 rgb(98,10,202), 2.2px 2.2px rgb(98,10,202);
        font-weight: bolder;
        letter-spacing: 3px;
        font-size:33px;
        text-transform: uppercase;
        color:white
    }




    .line{
        margin-left: 0;
        border-left-width: 2px;
        border-left-color: #eee;
        border-left-style: solid;
    }





    .modal{
        background-color: rgba(255,255,255,.7);
    }

    .modal-dialog{
        margin-top: 10%;
    }

    .modal-dialog-full{
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .modal-content{
        background-color:rgb(98,10,202);
        border-radius: 0;
        color: white;
    }

    .modal-content-full{
        border-radius: 15px;
        overflow: hidden;
        width: 830px;
        height: 400px;
        margin: auto;
        position: absolute;
        box-shadow: none;
        border-width: 0;
        top: 0; left: 0; bottom: 0; right: 0;
    }

    .modal-content-full div.modal-body{
        margin:0;
        padding:0;
    }
    .modal-content-full div.modal-body>div.team-detail{
        margin:0;
        padding:0;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6{
        margin:0;
        padding:0;
        color: rgb(59,9,120);
        background-color: white;
        height: 100%;
        overflow: hidden;
        position: static;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:first-child{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 400px;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child{
        height: 400px;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>hr{
        margin: 0;
        padding: 0;
        visibility: hidden;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child{
        padding: 0;
        text-align: right;
        overflow: auto;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child button{
        width: auto;
        height: auto;
        color: rgb(160,160,160);
        opacity: 1.0;
        padding: 5px;
        margin-top: 23px;
        margin-right: 23px;
        font-size: 12px;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child{
        padding: 0 30px 30px 30px;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>*{
        text-align: left;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h2{
        color: rgb(104,15,209);
        margin-top: 0;
        font-size: 17px;
        margin-bottom: 0;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h3{
        color: #260434;
        margin-top: 5px;
        font-size: 16px;
    }
    .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>p{
        color: rgb(160,160,160);
        margin-top: 10px;
        word-spacing: 2px;
        letter-spacing: 0;
        font-size: 13.2px;
    }
    .modal-content-full .team-detail{

    }

    .modal-content h1{
        text-align: center;
    }

    .modal-body button.close{
        background-color:transparent;
        color:white;
        margin-right:16px;
        opacity: 1.0;
    }
    .modal-content input,textarea{
        background-color: transparent;
        border-radius: 0;
        border: 1px solid white;
        width: 100%;
        font-size: medium;
        color: white;
        padding:6px;
        margin-bottom:10px;
        resize: none;
    }

    .modal-content input:focus,textarea:focus{
        border: 1px solid white;
        box-shadow: 0 0 0 rgb(59,9,120);
    }

    .modal-content button{
        background-color: #5851C0;
        color: white;
        border-radius: 0;
        font-size: medium;
        padding:6px;
        border-width: 0;
        float: right;
    }

    .dropdown{

    }
    .dropdown-menu{
        background-color: white;
        border-top-left-radius:20px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
        overflow: auto;
    }
    .dropdown-menu a{
        color: #aaa;
    }

    .alert{
        border-radius: 0;
        margin-top:5px;
        margin-bottom:5px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    div.mobile-unavailable{
        display:none;
    }

    div.loaderContainer{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 800px;
        background: #fff;
        z-index: 3000;

    }


    div.loader{
        width: 175px;
        height: 5.5px;
        background: #eee;
        border-radius: 4px;
        margin: 30% auto;
        overflow: hidden;
    }

    div#myBar{
        background: #62E9A1;
        width: 10%;
        height: 100%;
    }


    div.carousel{
        position: fixed;
        top: 35%;
        background: #4D4D4D;
        opacity: .3;
        border-radius: 100%;
        z-index: 1000;
        width: 200px;
        height: 30%;
        min-height: 200px;
        max-height: 500px;
        color: #fff;
        font-size: 50px;
        transition:left .1s ease-out, right .1s ease-out, opacity .1s ease-out;
    }

    div.carousel:hover{
        opacity: 1.0;
        transition:left .1s linear, right .1s linear, opacity .1s linear;
    }

    div.carousel span{
        position: relative;
        top: 32%;
    }

    div.carousel-left{
        left: -180px;
        text-align: right;
    }

    div.carousel-left span{
        right: 22px;
    }

    div.carousel-left:hover{
        left: -140px;
        cursor: pointer;
    }

    div.carousel-right{
        right: -180px;
        text-align: left;
    }

    div.carousel-right span{
        left: 22px;
    }

    div.carousel-right:hover{
        right: -140px;
        cursor: pointer;
    }

    div.container-fluid.header{
        padding-right: 31px;
        padding-left: 31px;
    }

    nav.navbar.navbar-default{
        border: 0;
        background: #fff;
        border-radius: 0;
        margin-bottom: 0;
    }

    ul.navbar-nav{
        margin-top: 15px;
    }

    .navbar-default .navbar-nav > li > a{
        font-family: Poppins-Medium, serif;
        color: #999;
        letter-spacing: 1px;
        font-size: 13px;
    }

    button.navbar-toggle{
        border: 0;
        border-radius: 0;
        margin-top: 20px;
        font-size: 20px;
        background: transparent;
    }

    ul.navbar-nav span{
        color: rgb(80,0,150);
        font-size: 20px;
        margin-right: 10px;
    }

    a.navbar-brand{
        height: auto;
        overflow: auto;
    }
    a.navbar-brand>img{
        margin-left: 60px;
    }




    div.introText{
        background: url(../img/background.png) no-repeat top center;
        background-size: 64% 97%;
        height: auto;
        overflow:auto;
        padding: 50px 236px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    div.introText h1 {
        color: rgb(107, 15, 215);
        margin-top: 196px;
        font-size: 37px;
        font-weight: lighter;
        font-family: Poppins-Light;
    }

    div.introText p{
        color: #888;
        font-size: 16px;
        font-weight: lighter;
        text-align: center;
        margin-top: 26px;
        margin-bottom: 30px;
        padding-right: 7%;
        padding-left: 7%;
        word-spacing: 4px;
        letter-spacing: 0;
        line-height: 1.6;
        max-width: 1000px;
    }

    div.join-btn-cont{
        width: 80%;
        height: auto;
        overflow: auto;
        padding: 10px;
        margin: 0 auto;
        margin-bottom: 57px;
    }

    button.join-btn{
        width: 220px;
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 10px;
        border: 1px solid rgb(107, 15, 215);
        box-shadow:2px 2px 0 rgb(107, 15, 215);
        color:rgb(107, 15, 215);
        background: #fff;
    }

    button.whtpaper-btn{
        width: 220px;
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 10px;
        border: 1px solid #978B9B;
        box-shadow:2px 2px 0 #978B9B;
        margin-left: 50px;
        background: #fff;
        color:#978B9B;
    }

    div.timer-round-bg{
        background:rgb(100, 15, 200);
        width: 120%;
        border-radius: 30%;
        margin-left: -10%;
        overflow: visible;
    }

    div.timer{
        margin-top: 70px;
    }

    div.timer>div{
        max-width: 580px;
        color:#EAEDE9;
        font-size: 54px;
        font-weight: lighter;
    }

    div.timer div.col-xs-3>div:first-child{
        font-family: Poppins-Light;
    }

    div.timer>div .timeText{
        font-family: Poppins-Light;
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-left: 0;

    }

    div.timer>span.timeText:first-child{
        margin-left: 0;
    }

    div.timer-progressbar{
        width: 58%;
        max-width: 790px;
        height: auto;
        border-radius: 10px;
        border: 2px solid #fff;
        margin: 30px auto;
        overflow: hidden;
    }

    div.timer-progressbar>div#myBar2{
        background: #fff;
        width: 70%;
        height: auto;
	color: rgb(255, 255, 255);
	text-shadow: 0 0 10px purple;
        padding-left: 30px;
        font-size: 19px;
        font-weight: normal;
        line-height: 3.4;
    }

    div.stat-data{
        width: 58%;
        max-width: 790px;
        margin: auto;
    }

    div.stat-data-left,div.stat-data-right{
        font-size: 17px;
        color: #EAEDE9;
    }

    div.stat-data-left{
        margin-left: 0;
        padding-left: 0;
        text-align:left;
    }

    div.stat-data-left>p{

    }

    div.stat-data-right>p{

    }

    div.stat-data-right{
        margin-right: 0;
        padding-right: 0;
        text-align: right;
    }

    div.stat-data-right>button{
        width: 220px;
        height: auto;
        border-radius: 10px;
        border: 1px solid #fff;
        box-shadow: 1px 1px #fff;
        float: right;
        background:transparent;
        color:#fff;
        font-size: 14px;
        padding-bottom: 14px;
        padding-top: 14px;
    }

    div.video-container{
        width: 33%;
        height: 400px;
        background:rgb(36, 0, 50);
        border-radius: 8px;
        position: relative;
        bottom: 20px;
        left: 33.5%;
        margin-top:50px;
        overflow: hidden;
    }





    div.timeline-container{
        clear: both;
        margin-top: 240px;
        text-align: center;
    }

    div.timeline-container>div>div.row{
        padding-left: 100px;
        padding-right: 100px;
    }

    .timeline-id{
        height:70px;
        width:70px;
        padding:18px;
        border: 1.2px solid rgb(98,10,202);
        border-radius:50%;
        box-shadow:1.3px 2px 0 rgb(98,10,202);
        margin-bottom: 30px;
    }

    .timeline-id>span{
        font-family: Poppins-Medium;
        color: rgb(98,10,202);
        font-size:20px;
        font-weight: bolder;
        margin: 0;
    }

    div.timeline-container>div>div.row div.row>div.col-xs-12{
        color: #948896;
        font-size: 14px;
    }

    div.timeline-container>div>div.row div.row>div.col-xs-12>strong{

    }

    div.timeline-container>div>div.row div.row>div.col-xs-12>p{
        color: #969696;
        font-size: 13.5px;
    }

    div.timeline-container>div>div.row:last-child{
        color: #938697;
        font-size: 16px;
    }
    div.timeline-container>div>div.row:last-child a{
        color: #350c40;
    }

    div.tokens-container{
        clear: both;
        height: 413px;
        width: 60%;
        margin: 80px auto 50px;
        text-align: center;
        border: 2px solid #eee;
        border-radius: 30px;
    }

    div.tokens-container div.section1{
        height: 294px;
    }

    div.chart{
        width: 410px;
        height: 410px;
        margin-top: -68px;
        margin-left: -4px;
        border-radius: 100%;
    }
    div.chart>img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    div.chart-details{
        text-align: left;
        font-size: 17px;
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px;
    }

    div.chart-details .row{
        margin-top: 8px;
    }
    div.chart-details .row:first-child{
        margin-top: 0;
    }

    div.chart-details .col-xs-2{
        color: rgb(102, 18, 201);
        text-align: right;
        font-weight: bolder;
        font-size: 16px;
    }

    div.chart-details .col-xs-10{
        color: #969696;
        font-size: 16px;
        text-align: left;
    }

    div.tokens-container div.section2{
        height: 104px;
        border-top: 2px solid #eee;
        padding-top: 40px;
    }

    div.subtitle{
        margin-top:0;
        width: 100%;
        height: auto;
    }
    
    div.subtitle h4{
        margin-top:0;
        padding-top:0;
        color: #999;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 2px;
    }

    div.subtitle p{
        color: rgb(102, 18, 201);
        font-size: 23px;
    }




    div.fee-structure{
        text-align: center;
    }

    div.fee-structure>div.row{
        text-align: center;
    }

    div.fee-structure>div.row>div.col-xs-12:first-child{
        color: rgb(107, 15, 215);
        font-size: 39px;
    }

    div.fee-structure>div.row>div.col-xs-12:last-child{
        color: #999;
        font-size: 18px;
    }

    div.fee-structure>div.container>div.row{
        margin-right: 20px;
        margin-left: 20px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6{
        text-align:center;
        padding-left: 50px;
        padding-right: 50px;
        color: #999;
        font-size: 18px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6:first-child{
        padding-left: 100px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6:last-child{
        padding-right: 100px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:first-child{
        text-shadow:    -1.7px 4px 0 rgb(96,8,198), 4px -1.7px 0 rgb(96,8,198),
                        0 4px 0 rgb(96,8,198), 4px 0 0 rgb(96,8,198),4px 4px 0 rgb(96,8,198),
                        2px 2px 0 rgb(96,8,198), -2px -2px 0 rgb(96,8,198),
                        2px -2px 0 rgb(96,8,198), -2px 2px 0 rgb(96,8,198);
        font-weight:normal;
        font-size:120px;
        color:white;
        text-align: center;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:first-child>p>br{
        margin: 2px;
        padding: 2px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:last-child{
        margin: 0 20px;
        padding: 0;
        text-wrap: normal;
        overflow: auto;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:last-child>p:first-child{
        color: rgb(104,15,209);
        font-size: 17px;
        font-weight: 500;
        text-align: center;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:last-child>p:first-child>br{
        margin: 2px;
        padding: 2px;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:last-child>p:not(:first-child) {
        color: #aaa;
        font-size: 15px;
        text-align: center;
    }

    div.fee-structure>div.container>div.row>div.col-md-6>div:last-child ul li{
        color: #aaa;
        font-size: 15px;
        list-style: none;
    }

    div.fee-structure>button{
        width: 220px;
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 10px;
        border: 1px solid rgb(107, 15, 215);
        box-shadow:2px 2px 0 rgb(107, 15, 215);
        color:rgb(107, 15, 215);
        background: #fff;
    }






    div.team{

    }

    div.team>div.row{

    }

    div.team>div.row:first-child{

    }

    div.team>div.row:last-child{

    }

    div.team>div.row:last-child>div{
        height: 310px;
        margin-bottom: 16px;
    }

    div.team>div.row:last-child>div>img{
        border-radius: 20px 20px 0 0;
        height: 220px;
        width: 100%;
    }

    div.team>div.row:last-child>div>div{
        height: 66px;
        border: 1px solid #eee;
        border-radius: 0 0 20px 20px;
        padding-left: 20px;
        overflow: hidden;
    }

    div.team>div.row:last-child>div>div>h5{
        color: rgb(121, 47, 207);
        margin-bottom: 2px;
    }

    div.team>div.row:last-child>div>div>p{
        color: rgb(38,4,52);
        font-weight: 400;
    }

    div.team>div.row:last-child>div>button{
        width: 44px;
        height: 44px;
        border: 1px solid rgb(121, 47, 207);
        box-shadow:1.2px 1.2px 0 rgb(121, 47, 207);
        float: right;
        position: relative;
        bottom: 85px;
        right: 20px;
        color: rgb(121, 47, 207);
        text-align: center;
        font-weight: 100;
        background: #fff;
        border-radius: 100%;

    }







    div.executives div.row{
        margin-top: 30px;
    }

    div.executives div.col-sm-6{

    }
    div.executives div.col-sm-6>div{
        height: auto;
        min-height: 600px;
        overflow: auto;
        padding: 20px;
        border: 2px solid #eee;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    div.executives>h4{
        color: rgb(104,15,209);
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: 700;
    }

    div.executives div.col-sm-6 h4{
        color: rgb(104,15,209);
        float: left;
    }

    div.executives img{
        border-radius: 10px;
    }

    div.executives div.col-sm-6 p{
        clear: both;
        float: left;
        text-align: left;
        width: 100%;
    }

    div.executives div.col-sm-6 p:last-child{
        color: #999;
        word-break: normal;
    }







    div#manifesto>div{
        padding-right: 120px;
        padding-left: 120px;
    }

    div.manifesto{
        height: 665px;
        width: auto;
        border: 1px solid #ccc;
        border-radius: 20px;
        overflow: hidden;
    }

    div.manifesto div.col-sm-6{
        height: 665px;
        background: rgb(36, 0, 50);
    }

    div.manifesto div.col-sm-6:first-child{
        background: url(../img/manifesto.png);
        background-size: cover;
    }

    div.manifesto div.col-sm-6:last-child{
        padding-right: 40px;
        padding-left: 40px;
    }

    div.manifesto div.col-sm-6:last-child>h1{
        margin-top: 40px;
        margin-left: 40px;
        font-weight: bolder;
        text-align: left;
        font-size: 34px;
        letter-spacing: 1px;
        word-spacing: 3px;
        color: rgb(36, 0, 50);
        text-shadow: 2px 2px #EEF0EF,1px 2px #EEF0EF,2px 1px #EEF0EF,
                     0.9px 0 0 rgba(238,240,239,0.6),0 0.9px 0 rgba(238,240,239,0.6),
                     -0.9px 0 0 rgba(238,240,239,0.6),0 -0.9px 0 rgba(238,240,239,0.6);
        text-transform: uppercase;
        font-family: Poppins-Medium;
    }

    div.manifesto div.col-sm-6:last-child>p{
        font-size: 17px;
        line-height: 1.6;
        padding: 5px 96px 60px 40px;
        color: #E7E9E8;
        text-align: left;
    }

    div.manifesto div.col-sm-6:last-child>button{
        width: 220px;
        height: auto;
        font-size: 13px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 10px;
        border: 1px solid #E7E9E8;
        box-shadow: 1px 1px 0 #fff;
        color:#E7E9E8;
        background:transparent;
        margin-left: 40px;
    }




    div.ecosystem{
        margin-top: 90px;
    }

    div.ecosystem>div.row{

    }

    div.ecosystem>div.row:first-child{
        margin-bottom: 40px;
    }

    div.ecosystem>div.row:first-child>h1{
        font-size: 50px;
        color: #5B24C0;
    }

    div.ecosystem>div.row:last-child{
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

    div.ecosystem>div.row:last-child a,div.ecosystem>div.row:last-child a:hover,div.ecosystem>div.row:last-child a:active{
        text-decoration: none;
    }

    div.ecosystem>div.row:last-child>div{
        width: 400px;
    }

    div.ecosystem>div.row:last-child>div:first-child{
        float: left;
    }

    div.ecosystem>div.row:last-child>div:last-child{
        float: right;
    }

    div.ecosystem>div.row:last-child img{
        max-width: 200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    div.ecosystem>div.row:last-child h1{
        font-size: 25px;
        color: #5B24C0;
    }
    div.ecosystem>div.row:last-child h1>br{
        margin:0;
        padding: 0;
    }







    div.documents h2{
        color: rgb(121, 47, 207);
        font-family: Poppins-Light;
        font-size: 36px;
        text-transform: capitalize;
    }

    div.documents div.row{
        margin-top: 50px;
    }

    div.documents div.col-md-4 a,a:hover,a:active,a:visited{
        text-decoration: none;
    }

    div.documents div.col-md-4 h3{
        color: ghostwhite;
        font-family: Poppins-SemiBold, serif;
        text-align: center;
        font-size: 20px;
        letter-spacing: 3px;
        word-spacing: 4px;
        text-shadow:2px 2px 0 rgb(98, 8, 203),2px 1px 0 rgb(98, 8, 203),
                    0 1px 0 rgba(98, 8, 203, 0.6),0 -1px 0 rgba(98, 8, 203, 0.6),
                    1px 0 0 rgba(98, 8, 203, 0.6),-1px 0 0 rgba(98, 8, 203, 0.6);
        text-transform: uppercase;
    }

    div.documents div.col-md-4 p{
        color: #aaa;
    }





    div.partners h2{
        color: rgb(121, 47, 207);
        font-family: Poppins-Light, serif;
        font-size: 36px;
        text-transform: capitalize;
    }

    div.partners>div.container{
        padding-right: 40px;
        padding-left: 40px;
    }

    div.partners img{
        margin-top: 50px;
        max-height: 230px;
        max-width: 300px;
        width: auto;
    }






    div.footer{
        background: rgb(100, 15, 200);
        height: 300px;
        width: 106%;
        margin-left: -3%;
        border-radius: 100% 100% 0 0;
        color: #fff;
    }

    div.footer h1{
        font-family: Poppins-SemiBold;
        letter-spacing: 2px;
        word-spacing: 4px;
        text-shadow:0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,2px 2px 0 #fff,2px 1px 0 #fff;
        margin-top: 70px;
        color:  rgb(100, 15, 200);
        text-transform: uppercase;
    }

    div.footer a{
        color:inherit;
    }
    div.footer a:hover{
        color: inherit;
    }

    div.footer span{
        font-size: 53px;
        margin-left: 20px;
    }

    div.footer>div img{
         margin-left: 20px;
         margin-top:-23px;
        width: 53px;
    }

    div.footer p{
        text-align: center;
        margin-top: 55px;
    }





    div.container.success{
        margin-top: 50px;
    }

    div.container.success>div.row{

    }

    div.container.success>div.row:first-child{

    }



    div.container.success>div.row:first-child{

    }

    div.container.success>div.row:first-child img{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }

    div.container.success>div.row:last-child{
        margin-top: 30px;
        margin-bottom: 100px;
        text-align: center;
    }

    div.container.success>div.row:last-child a.btn{
        font-size: 20px;
        margin-right: auto;
        margin-left: auto;
    }
    div.container.success>div.row:last-child a.btn-info{
        background-color: #5B24C0;
        border: 2px solid #5B24C0;
    }




/***************** Media Query for mobile devices ********************/

    @media (min-width:1700px) and (max-width:2000px) {
        .modal{
            background-color: rgba(255,255,255,.7);
        }

        .modal-dialog{
            margin-top: 10%;
        }

        .modal-dialog-full{
            margin: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .modal-content{
            background-color:rgb(98,10,202);
            border-radius: 0;
            color: white;
        }

        .modal-content-full{
            border-radius: 15px;
            overflow: hidden;
            width: 950px;
            height: 480px;
            box-shadow: none;
            border-width: 0;
            margin: auto;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
        }

        .modal-content-full div.modal-body{
            margin:0;
            padding:0;
        }
        .modal-content-full div.modal-body>div.team-detail{
            margin:0;
            padding:0;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6{
            margin:0;
            padding:0;
            color: rgb(59,9,120);
            background-color: white;
            height: 100%;
            overflow: hidden;
            position: static;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:first-child{
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 480px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child{
            height: 480px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>hr{
            margin: 0;
            padding: 0;
            visibility: hidden;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child{
            padding: 0;
            text-align: right;
            overflow: auto;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child button{
            font-size: 16px;
            font-weight: 100;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child{
            padding: 0 56px 56px 56px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>*{
            text-align: left;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h2{
            color: rgb(104,15,209);
            margin-top: 0;
            font-size: 19px;
            margin-bottom: 0;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h3{
            color: #260434;
            margin-top: 5px;
            font-size: 16px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>p{
            color: rgb(130,130,130);
            margin-top: 20px;
            word-spacing: 2px;
            letter-spacing: 0;
            font-family: Poppins-Light, serif;
            font-size: 15px;
            font-weight: 100;
        }
        .modal-content-full .team-detail{

        }

        .modal-content h1{
            text-align: center;
        }

        .modal-body button.close{
            background-color:transparent;
            color:white;
            margin-right:16px;
            opacity: 1.0;
        }
        .modal-content input,textarea{
            background-color: transparent;
            border-radius: 0;
            border: 1px solid white;
            width: 100%;
            font-size: medium;
            color: white;
            padding:6px;
            margin-bottom:10px;
            resize: none;
        }

        .modal-content input:focus,textarea:focus{
            border: 1px solid white;
            box-shadow: 0 0 0 rgb(59,9,120);
        }

        .modal-content button{
            background-color: #5851C0;
            color: white;
            border-radius: 0;
            font-size: medium;
            padding:6px;
            border-width: 0;
            float: right;
        }

        .dropdown{

        }
        .dropdown-menu{
            background-color: white;
            border-top-left-radius:20px;
            border-top-right-radius:20px;
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px;
            overflow: auto;
        }
        .dropdown-menu a{
            color: #aaa;
        }


        body>div.mainContainer{
            -moz-transform: scale(1.41);
            -o-transform: scale(1.41);
            -webkit-transform: scale(1.41);
            -ms-transform: scale(1.41);
            transform: scale(1.41);
            -moz-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 1366px;
            float: left;
            overflow-x: hidden;
        }

    }
  
    @media (min-width:651px) and (max-width:1000px) {

        div.introText{
            background-size: 82% 92%;
            background-position: center;
            padding-right: 155px;
            padding-left: 155px;
        }
        div.introText>h1{
            margin-top: 200px;
            font-size:xx-large;
        }
        div.introText>p{
            padding-left: 2px;
            padding-right: 2px;
            font-size: 15px;
        }

        div.join-btn-cont{
            margin-bottom: 70px;
        }
        button.join-btn, button.whtpaper-btn{
            width: 200px;
            padding-top: 11px;
            padding-bottom: 11px;
        }





        div.timer > div{
            font-size: 50px;
        }

        div.timer-progressbar{
            width: 86%;
        }

        div.stat-data{
            width: 86%;
        }

        div.stat-data-right > button{
            width: 200px;
            margin-top: 11px;
            margin-bottom: 11px;
        }

        div.video-container{
            width: 46%;
            min-width: 500px;
            margin-top: 40px;
            margin-left: auto;
            margin-right: auto;
            left: 0;right: 0;
            height: 250px;
        }




        div.timeline-container{
            margin-top: 150px;
        }



        div.tokens-container{
            margin-left: 5px;
            margin-right: 5px;
            width: auto;
            height: auto;
        }

        div.tokens-container div.section1{
            height: auto;
            padding-left: 20px;
        }

        div.tokens-container div.section1>div.row>div{
            align-content: center;
        }
        div.tokens-container div.section1>div.row>div>div.chart{
            margin-right: auto;
            margin-left: auto;
            width: 550px;
            height: 550px;
            margin-top: -80px;
        }
        div.tokens-container div.section1>div.row>div>div.chart-details{
            margin-top:10px;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 30px;
        }

        div.tokens-container div.section2{
            height: auto;
            padding-top: 10px;
        }



        div.fee-structure{

        }
        div.fee-structure>div.row>div{

        }
        div.fee-structure>div.row>div.col-xs-12:first-child{
            font-size: 32px;
        }
        div.fee-structure>div.row>div.col-xs-12:last-child{
            font-size: 17px;
        }

        div.fee-structure > div.container > div.row > div.col-md-6:first-child{
            padding-left: 50px;
            padding-right: 50px;
            border-width: 0;
            margin-top: 40px;
            margin-bottom: 0;
        }
        div.fee-structure > div.container > div.row > div.col-md-6:last-child{
            padding-left: 50px;
            padding-right: 50px;
            border-width: 0;
            margin-top: 40px;
            margin-bottom: 15px;
        }

        div.fee-structure>button{
            width: 200px;
            padding-top: 11px;
            padding-bottom: 11px;
        }





        div.team > div.row:last-child > div{
            overflow: auto;
            height: auto;
            margin-bottom: 4px;
        }

        div.team > div.row:last-child > div > img{
            width: 100%;
            height: auto;
        }



        div.executives>div.row>div{
            height: auto;
            overflow: auto;
            margin-bottom: 18px;
            min-height: 300px;
        }







        div#manifesto>div{
            padding-left: 20px;
            padding-right: 20px;
        }

        div#manifesto>div>div.manifesto{
            height: auto;
        }

        div.manifesto div.col-sm-6{
            height: 540px;
        }

        div.manifesto div.col-sm-6:first-child{

        }
        div.manifesto div.col-sm-6:last-child{
            padding: 10px;
            text-align: justify;
            overflow: auto;
            min-height: 540px;
            height: auto;
        }

        div.manifesto div.col-sm-6:last-child>h1{
            margin-top: 10px;
            text-align: left;
            font-size: 30px;
            margin-left: 15px;
        }
        div.manifesto div.col-sm-6:last-child>p{
            padding: 13px 18px 13px 0;
            font-size: 16px;
            margin-left: 15px;
        }

        div.manifesto div.col-sm-6:last-child>button{
            height: auto;
            overflow: auto;
            margin-left: 15px;
            width: 200px;
            padding: 11px 5px 11px 5px;
            margin-bottom: 20px;
        }



        div.ecosystem>div.row:last-child>div{
            width: auto;
        }


        div.footer span{
            font-size: 37px;
        }

        div.footer>div img{
            margin-left: 20px;
            margin-top:-15px;
            width: 37px;
        }


        .modal-content-full{
            width: 700px;
            height: 400px;
        }

        .modal-content-full div.modal-body>div.team-detail>div.col-md-6{
            height: 400px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:first-child{

        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child{
            height: auto;
            min-height: 400px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child{

        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child button{
            margin-top:18px;
            margin-right:18px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child{
            margin: 5px 15px 0;
            padding: 5px 20px 20px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h2,>h3,>p{
            text-align: justify;
            margin: 0;
            padding: 0;
        }
    }

    @media (min-width:0) and (max-width:650px) {

        div.introText{
            background-position: center;
            background-size: cover;
            padding: 10px;
        }
        div.introText h1{
            margin-top: 125px;
            font-size:36px;
        }
        div.introText p{
            font-size: 15px;
        }

        div.join-btn-cont{
            margin: 3px auto;
            margin-bottom: 10px;
            width: auto;
        }
        button.join-btn{
            width: 80%;
            margin: 5px 10% 5px 10%;
        }
        button.whtpaper-btn{
            width: 80%;
            margin: 5px 10% 5px 10%;
        }


        div.timer-round-bg{
            width: 100%;
            margin-left: 0;
            border-radius: 0;
            height: auto;
            overflow: auto;
        }
        div.timer{
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 20px;
        }
        div.timer>div{
            width: 100%;
            font-size: xx-large;
        }

        div.timer div.col-xs-3 > div:first-child{
            font-size:41px;
        }

        div.timer>div .timeText{
            font-size: small;
        }


        div.timer-progressbar{
            width: auto;
            margin-left: 20px;
            margin-right: 20px;
            height: auto;
            border-radius: 10px;
            overflow: auto;
        }
        div.timer-progressbar>div#myBar2{
            font-size: 14px;
            font-family: Poppins-Medium, serif;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 1.5;
        }

        div.stat-data{
            width: auto;
            margin-left:20px;
            margin-right:20px;
        }
        div.stat-data-left,div.stat-data-right{
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }
        div.stat-data br{
            display: none;
        }
        div.stat-data p{
            margin-bottom: 5px;
        }
        div.stat-data-left{
            padding-right: 0;
        }
        div.stat-data-right{
            padding-left: 0;
        }

        div.stat-data-right>button{
            width: 80%;
            margin: 5px 10% 5px 10%;
        }

        div.timeline-container{
            margin-top: 50px;
        }
        div.timeline-container div.well-lg{
            padding-left: 0;
            padding-right: 0;
        }

        div.video-container{
            width: auto;
            margin-top: 50px;
            margin-left: 10px;
            margin-right: 10px;
            left:0;right: 0;
            overflow: hidden;
        }




        div.tokens-container{
            margin-left: 5px;
            margin-right: 5px;
            width: auto;
            overflow-x: hidden;
            height: auto;
        }

        div.tokens-container div.section1{
            height: auto;
        }
        div.tokens-container div.section2{
            height: auto;
            padding-top: 15px;
        }
        div.chart{
            top: 0;
            left: 0;
            margin: 2%;
            width: 96%;
            height: auto;
        }
        div.chart-details{
            text-align: center;
            margin: auto;
            padding-left: 16px;
            padding-right: 16px;
            font-size: 14px;
            padding-bottom: 10px;
        }

        div.subtitle{
            width: auto;
            margin-left: 10px;
            margin-right: 10px;
        }
        div.subtitle h4{

        }
        div.subtitle p{
            font-size: 20px;
        }


        div.fee-structure{

        }

        div.fee-structure > div.container > div.row{
            margin-left: 0;
            margin-right: 0;
        }

        div.fee-structure > div.row > div.col-xs-12:first-child{
            font-size: 28px;
            margin-left: 15px;
            margin-right: 15px;
            width: auto;
        }
        div.fee-structure > div.row > div.col-xs-12:last-child{
            font-size: 16px;
            margin-left: 15px;
            margin-right: 15px;
            width: auto;
        }



        div.fee-structure > div.container > div.row > div.col-md-6:first-child{
            padding-left: 10px;
            padding-right: 10px;
            border-width: 0;
            margin-top: 15px;
            margin-bottom: 0;
        }
        div.fee-structure > div.container > div.row > div.col-md-6:last-child{
            padding-left: 10px;
            padding-right: 10px;
            border-width: 0;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        div.fee-structure > div.container > div.row > div.col-md-6>div:last-child{
            margin: 0 10px;
        }

        div.fee-structure > button{
            width: 80%;
        }




        div.team > div.row:last-child > div{
            margin-left: 5%;
            margin-right: 5%;
            overflow: auto;
            height: auto;
            margin-bottom: 2px;
        }
        div.team > div.row:last-child > div > img{
            width: 100%;
            height: auto;
        }



        div.executives div.col-sm-6>div{
            height: auto;
            overflow: auto;
            margin-bottom: 18px;
        }





        div#manifesto > div{
            padding-right: 0;
            padding-left: 0;
            margin-left: 0;
            margin-right: 0;
        }

        div.manifesto{
            border-radius: 10px;
            overflow: auto;
            height: auto;
            width: auto;
            margin-left: 10px;
            margin-right: 10px;
        }
        div.manifesto div.col-sm-6{
            height: 400px;
        }
        div.manifesto div.col-sm-6:first-child{
            display: block;
            border-radius: 10px;
            margin-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        div.manifesto div.col-sm-6:last-child{
            display: block;
            margin-top: 0;
            border-radius: 10px;
            height: auto;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            padding: 10px;
            text-align: justify;
        }
        div.manifesto div.col-sm-6:last-child > h1{
            text-align: center;
            font-size: 28px;
            margin-left: 0;
            margin-top: 10px;
        }

        div.manifesto div.col-sm-6:last-child > p{
            font-size: 15px;
            padding: 23px;
            padding-top: 0;
            padding-bottom: 10px;
            text-align: left;
        }
        div.manifesto div.col-sm-6:last-child > button{
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            margin-bottom:30px;
        }


        div.ecosystem>div.row:last-child>div{
            width: 100%;
        }

        div.ecosystem>div.row:last-child>div:first-child{
            float: none;
        }

        div.ecosystem>div.row:last-child>div:last-child{
            float: none;
        }

        div.footer{
            border-radius: 0;
            width: 100%;
            margin-left: 0;
            height: auto;
        }
        div.footer h1{
            margin-top: 15px;
            font-size: xx-large;
        }
        div.footer span{
            margin-left: 5px;
            font-size: 30px;
        }
        div.footer a:first-child>span{
            margin-left: 0
        }
        div.footer p{
            margin-top: 30px;
            margin-bottom: 30px;
        }

        div.footer>div img{
            margin-left: 5px;
            margin-top:-10px;
            width: 30px;
        }

        .modal-content-full{
            width: auto;
            height: auto;
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
            bottom: auto;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6{
            height: 400px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:first-child{
            height: 300px;
            background-position: top;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child{
            height: auto;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child{
            margin: 10px;
            padding: 10px;
            padding-top: 0;
            overflow-y: auto;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:first-child>button{
            margin-top: 10px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h2,>h3,>p{
            text-align: justify;
            margin: 0;
            padding: 0;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h2{

        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>h3{
            margin-top: 5px;
            margin-bottom: 20px;
        }
        .modal-content-full div.modal-body>div.team-detail>div.col-md-6:last-child>div:last-child>p{
            margin-top: 5px;
            //line-height: 20px;
            font-size: 14px;
        }
    }