@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat.ttf');
    src: url('../fonts/montserrat.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}    
@font-face {
    font-family: 'Ubuntu-B';
    src: url('../fonts/Ubuntu-B.ttf');
    src: url('../fonts/Ubuntu-B.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-L';
    src: url('../fonts/Ubuntu-L.ttf');
    src: url('../fonts/Ubuntu-L.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-M';
    src: url('../fonts/Ubuntu-M.ttf');
    src: url('../fonts/Ubuntu-M.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-R';
    src: url('../fonts/Ubuntu-R.ttf');
    src: url('../fonts/Ubuntu-R.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}            

/* All_Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (min-width: 1400px) {.container {width: 1400px;}}
    html, body {width: 100%; overflow-x: hidden;}
    body {
        font-size:18px; height:100%; font-family:'Ubuntu-R', sans-serif, Arial;
        font-weight: 300; padding:0; margin:0; line-height: 28px;
        color: #022c3e; background: #f3f6f9; overflow-x:hidden; position: relative;}
    h1, h2, h3, h4, h5, h6, button { font-family: 'Ubuntu-M', sans-serif;}
    h1 {font-size: 3em; line-height:1.2em; margin:0 0 .3em;}
    h2 {font-size: 1.8em; line-height:1.2em; margin:0 0 .3em;}
    h3 {font-size: 1.4em; line-height:1.2em;}
    h4 {font-size: 1.25em; line-height:1.2em;}
    h5 {font-size: 1.1em; line-height:1.2em;}
    h6 {font-size: 1em; line-height:1.2em;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none}	 
    .decor-h {color: #00ffcc; font-family: 'Ubuntu-M', sans-serif;}
    p {padding: 0 0 1em; margin:0;}
    a {color: rgb(7, 213, 172); -webkit-transition: all .4s ease; transition: all .4s ease;} 
    a:hover {text-decoration: none; color: #00ffcc; -webkit-transition: all .4s ease; transition: all .4s ease;}
    button {line-height: 28px; outline: 0; -webkit-transition: all .8s ease; transition: all .8s ease}

    .row {margin-left: 0; margin-right: 0;}
    .g-recaptcha{display:none!important;}	
    .navbar-brand {padding: 10px;}
    .title h2 {font-size: 38px; color: #2a5f6f; font-family: 'Ubuntu-R', sans-serif; margin: 20px 0 20px;}
    .title h3 { font-family: 'Ubuntu-L', sans-serif;}
    .title {margin-bottom: 60px;}
    .btn-section {padding-top: 40px; padding-bottom: 60px;}
    .highlight {color: #09756f;}
    #preloader { 
        position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; 
        overflow: visible; background: #fff url(../images/loading.gif) no-repeat center center;}
    .fullscreen {
        width:100%; min-height:100%; background-repeat:no-repeat;
        background-position:50% 50%; background-position:50% 50%\9 !important;}
    .overlay {
        background-color: rgba(0, 0, 0, 0.3);; position: relative;
        width: 100%; min-height: 100%; display: block;}
    .landing .overlay { min-height: 100vh;}
    .text-mar-left {margin-left: 30px;}
    #form_error {display: none; position: absolute; color: #fff; left: 0; width: 100%; padding-top: 5px;}

    .mar-top-60 {margin-top: 60px;}
    .mar-bot-60 {margin-bottom: 60px;}
    .mar-top-40 {margin-top: 40px;}
    .mar-bot-40 {margin-bottom: 40px;}

    .title-line {width: 100px; height: 3px; margin: 20px auto 40px; background: #2a5f6f;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* NAVBAR */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #menu {z-index: 99; width:100%; position: absolute; /*position: fixed;*/}
    #menu .navbar-wrapper {height: 80px;}
    .navbar-default {transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; background-color: inherit;}
    .navbar-default:hover {background-color: #081b234d;}
    .navbar-default .navbar-nav>li>a {color: #fff; font-weight: 500;}
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
        color: #ffffff!important; text-decoration: underline;}
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus {background: transparent; color: #fff;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #30b2d647;}
    .navbar-default .navbar-nav .dropdown:hover {background: rgba(255, 255, 255, 0.2);}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
        background-color: #ffffff12;}
    @media (max-width: 767px) {
        .navbar-default .navbar-nav .dropdown:hover a {color: #333; background-color: #093344;}
        .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
            background-color: #093344; color: #fff;}
        .navbar-default .navbar-nav .open .dropdown-menu {background-color: #093344;}
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #e7e7e7; font-size: 14px; line-height: 14px;}
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #49daba;}
    }
    .navbar-default .dropdown-menu {border-radius: 0; border: none; padding: 0;}
    .navbar-default .dropdown-menu>li>a {
        font-size: 14px; font-family: 'Ubuntu-R', sans-serif, Arial; text-transform: uppercase;}
    .navbar-default .navbar-nav>li>a {    
        padding-top: 12px; padding-bottom: 12px; font-size: 16px; 
        font-family: 'Ubuntu-R', sans-serif, Arial; text-transform: uppercase;}
    .navbar-header {height: 80px;}
    .navbar-nav {margin: 15px -15px 0px;}
    .navbar-default .navbar-nav .login-link {
        background: #06ffc8; border-radius: 40px; width: 130px; margin-left: 20px;
        text-align: center; box-shadow: 0 9px 25px rgba(0, 0, 0, 0.38); transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .navbar-default .navbar-nav .login-link:hover {background: #06ffc8;}	
    .navbar-default .navbar-nav .login-link a{font-size: 14px; font-family: 'Ubuntu-M', sans-serif, Arial; color: #01394a;}
    .navbar-default .navbar-nav .login-link a:hover {color: #01394a !important;}
    @media (min-width: 767px) and (max-width: 993px) {
        .navbar-default .navbar-nav>li>a {font-size: 14px; padding: 10px 10px;}
    }
    @media screen and (max-width: 767px) {
        .navbar-default .navbar-collapse {border-color: #215a5f; background: rgb(0, 41, 57);}
        .navbar-default .navbar-collapse li a {padding-top: 10px; padding-bottom: 10px;}    
        .navbar-default .navbar-nav .login-link{ 
            background: none !important; max-width: 90px; margin-left: 0px; text-align: left; box-shadow: none;}
        .navbar-default .navbar-nav .login-link a {color: #06ffc8;}	
        .navbar-default .navbar-nav .login-link a:hover {color: #06ffc8!important;}
    }
    .navbar-default .navbar-toggle {border-color: #fff; margin-top: 18px;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Button */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .btn {vertical-align: inherit;}
    .btn:hover {cursor: pointer;}
    .btn-default {
        font-family: 'Ubuntu-R', sans-serif, Arial; font-size: 18px; margin: 30px 0 10px; margin-right: 10px;
        line-height: 20px; padding: 16px 40px; border: none; color:#fff; background: #00c382;
        background-image: -webkit-linear-gradient(bottom, #06b57b 0%, #2ef5b2 100%);
        background-image: -o-linear-gradient(bottom, #06b57b 0%, #2ef5b2 100%);
        background-image: linear-gradient(to top, #06b57b 0%, #2ef5b2 100%); 
        text-shadow: none; transition: all 0.3s; border-radius: 50px;}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, 
    .open > .dropdown-toggle.btn-default {
        border: none; background: #009463; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .btn-pink-color {
        background: #fd5066; font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase; border-radius: 50px;
        padding: 15px 60px; border: 1px solid #ff9eaa; transition: all .6s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}
    .btn-grey-color {
        background: #e1e1e1;
        font-size: 18px;
        line-height: 20px;
        color: #626262;
        text-transform: uppercase;
        border-radius: 50px;
        padding: 15px 60px;
        border: 1px solid #e1e1e1;
        transition: all .6s;
        box-shadow: none;}
    .btn-grey-color:hover, .btn-grey-color:focus, .btn-grey-color:active, .btn-grey-color .active, 
    .open>.dropdown-toggle.btn-grey-color {
        background: #b3b3b3;
        color: #222222;
        border: 1px solid #b3b3b3;
        transition: all .6s;
        box-shadow: none;}
    .btn-pink-color:hover, .btn-pink-color:focus, .btn-pink-color:active, .btn-pink-color .active, 
    .open>.dropdown-toggle.btn-pink-color {
        background: #fd5066; transition: all .6s ease; border: 1px solid #d2606e; color: #f3e4e4; box-shadow: none;}   
    .btn-green-color {
        font-family: 'Ubuntu-M', sans-serif, Arial; background: #06ffc8; font-size: 18px; line-height: 20px; color: #00617d;
        text-transform: uppercase; border-radius: 50px; padding: 15px 60px; border: 1px solid #01fce1; transition: all .6s;
        box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}	
    .btn-green-color:hover, .btn-green-color:focus, .btn-green-color:active, 
    .btn-green-color.active, .open>.dropdown-toggle.btn-green-color {
        transition: all .6s ease; border: 1px solid #40e8c3; box-shadow: none; color: #487987;}   
    .btn-gradient-color {
        border: 1px solid #01fce1;
        background: -webkit-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: -o-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        font-family: 'Ubuntu-M', sans-serif, Arial; font-size: 18px; line-height: 20px; color: #ffffff;
        text-transform: uppercase; border-radius: 50px; padding: 15px 60px;
        transition: all .6s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}	
    .btn-gradient-color:hover, .btn-gradient-color:focus, .btn-gradient-color:active,
    .btn-gradient-color.active, .open>.dropdown-toggle.btn-gradient-color {
        background: -webkit-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: -o-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        transition: all .6s ease; border: 1px solid #089a8a; box-shadow: none; color: #ffffff;}   
    .btn-darkblue {
        font-family: 'Ubuntu-M', sans-serif, Arial; background: #01c0ca; font-size: 20px;
        line-height: 20px; color: #ffffff; text-transform: uppercase; width: 200px;
        border-radius: 50px; padding: 15px 30px; transition: all .6s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}   
    .btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active,
    .btn-darkblue.active, .open>.dropdown-toggle.btn-darkblue {
        background: #01c0ca; transition: all .6s ease; border: 1px solid #089a8a; box-shadow: none; color: #ffffff;}  	
    .head-btn .btn-gradient-color {padding: 15px 90px;}  
    .btn-primary {
        font-size: 18px; line-height: 20px; color: #fff; border-radius: 50px; text-shadow: none;
        padding: 14px 36px; background: inherit; border: solid 2px #00c382; transition: all 0.6s; }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, 
    .btn-primary.active, .open > .dropdown-toggle.btn-primary { 		
        transition: all .6s ease;  background: #00c382; color: #fff; border: 1px solid #089a8a;}
    .btn-secondary {
        font-family: 'Ubuntu-L', sans-serif, Arial; font-size: 20px; font-weight: 300; line-height: 20px;
        padding: 15px 50px;	height: 60px; border: none;
        background: #09756f; transition: all 0.3s; color: white; border-radius: 4px;}
    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, 
    .open > .dropdown-toggle.btn-secondary {background: #1f96e0; color: white;}	
    .btn-add-photo {  
        font-family: 'Ubuntu-R', sans-serif, Arial; font-size: 20px; color: #079198;
        transition: all .6s; box-shadow: 0 6px 12px 0 rgba(0, 44, 61, 0.18);    
        margin: 0; width: 100%; position: relative; padding: 40px; min-height: 100px;
        background-color: #eff2f5; background-repeat: no-repeat; background-size: cover;
        background-position: center; text-overflow: ellipsis;
        overflow: hidden; white-space: nowrap; border-radius: 4px; border: none;}
    .btn-add-photo:hover, .btn-add-photo:focus, .btn-add-photo:active,
    .btn-add-photo.active, .open>.dropdown-toggle.btn-add-photo {
        transition: all .6s ease; box-shadow: none;}      
    .btn-block .fa, .btn-section .fa, .head-btn .fa {margin-left: 8px;}
    .fa-right, .fa-right, .fa-right {margin-left: 8px;}
    .fa-left, .fa-left, .fa-left {margin-right: 8px;}
    #bg-section {  
        padding-top: 400px;background-image: url(../images/bg-bot.png);
        width: 100%; background-repeat: no-repeat; background-position: top;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* site_name_logo */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .site-name img {width: 150px; }
    .logo img {width: 60px; height: 50px}
    .logo {margin: 80px 0 40px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MAIN_SCREEN */
/* MAIN_SCREEN_Caption*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .carousel-caption {left: 6%; right: 6%; top: 6%; text-align: left;}
    .carousel-caption .main-content .title {margin-bottom: 15px; margin-top: 100px;}
    .carousel-caption .main-content h1{
        line-height: 1.1em; text-shadow: none; font-size: 52px; font-family: 'Ubuntu-R',sans-serif;
        color: #fff; margin: 20px 0 0; font-weight: 600;}	
    .carousel-caption .main-content .h_china {font-size: 82px; margin: 60px 0 0;}
    .carousel-caption .main-content .h_ru {font-size: 54px;}
    .carousel-caption .main-content h1 .decor-h {
        line-height: 1.2em; text-shadow: 0 0 18px #13bf99; font-family: 'Ubuntu-R',sans-serif;
        color: #00ffcc; margin: 20px 0 0; font-weight: 600; font-size: 58px;}	
    .carousel-caption .main-content h2 {
        line-height: 1.1em; font-family: 'Ubuntu-L', sans-serif; text-shadow: none; color: #ffffffe6;
        margin: 10px 0 0px; display: inline-block; padding: 10px 0; font-size: 38px;}
    .carousel-caption .main-content h3 {
        display: block; color: rgb(0, 255, 204); margin-top: 0px; font-family: 'Ubuntu-M', sans-serif;
        text-shadow: none; font-size: 22px;}		
    /*.carousel-caption h3 {
            font-size: 30px; color: rgba(255, 255, 255, 0.84); 
            text-shadow: 0 1px 2px rgba(60, 60, 60, 0.6); font-weight: 400;}*/
    .carousel-caption .main-img {text-align: right;}	
    .carousel-caption .main-img img{max-width: 100%; margin-top: 40px;}
    .head-btn {margin-top: 20px;}
    .head-btn .btn-primary {padding: 14px 48px;}
    @media (max-width : 1400px) { 
        .carousel-caption .main-img img{max-width: 100%; margin-top: 60px;}
        .carousel-caption .main-content h1{ font-size: 46px;}
        .carousel-caption .main-content h1 .decor-h {font-size: 48px;}
        .carousel-caption .main-content .h_ru .decor-h {font-size: 46px;}
        .carousel-caption .main-content .h_ru {font-size: 44px;}
        .carousel-caption .main-content .h_china { font-size: 72px;}
        .carousel-caption .main-content h2 { font-size: 32px;}
        .carousel-caption .main-content .title {margin-top: 100px;}
    }
    @media (max-width : 1300px) { 
        .carousel-caption .main-img img{max-width: 100%; margin-top: 80px;}
        .carousel-caption .main-content h1{ font-size: 46px;}
        .carousel-caption .main-content h1 .decor-h {font-size: 50px;}
        .carousel-caption .main-content .h_ru .decor-h {font-size: 46px;}
        .carousel-caption .main-content .h_ru {font-size: 44px;}
        .carousel-caption .main-content .h_china { font-size: 72px;}
        .carousel-caption .main-content h2 { font-size: 28px;}
        .carousel-caption .main-content .title {margin-top: 80px; margin-bottom: 15px;}
    }
    @media (max-width : 1200px) { 
        .carousel-caption .main-content h2 { font-size: 30px;}
        .carousel-caption .main-content .title {margin-bottom: 0px;}
        .carousel-caption .main-content .h_ru .decor-h {font-size: 42px;}
        .carousel-caption .main-content .h_ru {font-size: 44px;}
        .carousel-caption .main-content h1 {font-size: 48px;}
        .carousel-caption .main-content h1 .decor-h {font-size: 48px;}
    }
    @media (max-width : 940px) { 
        .carousel-caption .main-img img{max-width: 100%; margin-top: 100px;}		
        .carousel-caption .main-content h1 {font-size: 36px; margin: 20px 0 0;}
        .carousel-caption .main-content h1 .decor-h {font-size: 38px;}
        .carousel-caption .main-content .h_ru .decor-h {font-size: 36px;}
        .carousel-caption .main-content .h_ru {font-size: 40px;}
        .carousel-caption .main-content .h_china {font-size: 52px;}
        .carousel-caption .main-content h2 {font-size: 24px;}
        .carousel-caption .main-content h3 {font-size: 22px;}	
        .carousel-caption .main-content .title {margin-top: 50px;}	
    }
    @media (max-width: 380px) {.carousel-caption {left: 0%; right: 0%; top: 6%; text-align: center;}}	
    .carousel-caption .btn-default {padding: 15px 20px; width: 200px; display: inline-block;}
    .carousel-caption .btn-primary {display: inline-block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MAIN_SCREEN_carousel-img */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #block, .carousel-inner .parallax {
        opacity: 1; min-height: 100%; min-height: 740px; background-attachment: fixed !important;
        background-size: cover; background-position: top center; background-repeat: no-repeat;}	
    .carousel-fade .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity; background: linear-gradient(to right, rgb(26, 72, 85), rgb(9, 25, 32));}
    .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active .right {opacity: 0;}
    .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {opacity: 1;}
    .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;}
    .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {opacity: 1;}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, 
    .img-responsive, .thumbnail a>img, .thumbnail>img {max-width: 100%;}
    .carousel-inner .item .item_one {background-image:url('../images/videobg1.jpg'); z-index: -1;}
    #background {
        margin: auto; position: absolute; z-index: 1; top: 50%; left: 0%; transform: translate(0%, -50%);
        visibility: visible; opacity: 1; width: 100%; height: auto;}

    @media (max-width : 1400px) { #block, .carousel-inner .parallax {min-height: 660px!important;}}
    @media (max-width : 1230px)	{ 
        #background {width: auto;}
    /* .navbar-header {height: auto;} */
        #block, .carousel-inner .parallax {min-height: 700px!important;}}
    @media (max-width: 1165px) {
        #background {width: auto;}
        #block, .carousel-inner .parallax {min-height: 700px!important;}}
    @media (max-width: 992px) {
        #block, .carousel-inner .parallax {min-height: 700px!important;margin-bottom: 40px;}
        #background {display: none;}
    }
	/*@media (max-width: 480px) {#block, .carousel-inner .parallax {min-height: 1800px!important;}}*/
	/*@media (max-width: 360px) {#block, .carousel-inner .parallax {min-height: 1800px!important;}}*/
	/*@media (max-width: 320px) {#block, .carousel-inner .parallax {min-height: 1900px!important;}}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* TIMER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .styled {padding: 15px 0 15x; display: block; color: #fff;}
    .styled div {
        font-family: 'montserrat', sans-serif; display: inline-block; font-size: 28px; font-weight: 500; text-align: center;
        width: 70px; height: 70px; padding: 12px 0px 10px; margin: 0 10px;
        background: rgba(0, 0, 0, 0.24); border: none; text-shadow: none; vertical-align: middle; border-radius: 8px;}
    .styled div span {
        font-family: 'Ubuntu-L', sans-serif, Arial;
        margin-top: 0px; display: block; padding-top: 3px; font-size: 10px; font-weight: 400; text-align: center;}
    *+html .styled div{display: inline; zoom: 1;}
    .styled div:first-child {margin-left: 0;}

    @media (max-width: 940px) {
        .styled div {font-size: 30px;padding: 10px 0px 10px; width: 55px; height: 55px;}
        .styled div span {margin-top: 10px; font-size: 12px; font-weight: 400; text-align: center;}
    }
    @media (max-width: 736px) {	
        .styled {padding: 10px 0 40px; display: block;}
        .styled div span {margin-top: 10px; font-size: 12px; font-weight: 400; text-align: center;}
        .styled div {background: none; border: none; font-size: 34px; margin-top: 10px; padding: 20px 0px 10px; width: 80px; height: 80px;}}
    @media (max-width: 496px) {
        .styled div span {font-size: 12px;}
        .styled {padding: 10px 0 30px; display: block; color: rgba(255, 255, 255, 0.99);}
        .styled div {margin-top: 10px; padding: 10px 0px 10px; width: 40px; height: 40px; font-size: 26px;}}		
    @media (max-width: 360px) {
        .styled div span {margin-top: 10px; font-size: 10px; font-weight: 400; text-align: center;}
        .styled {padding: 5px 0 5px; display: block; color: rgba(255, 255, 255, 0.99);}
        .styled div {font-size: 20px; margin-top: 5px; padding: 5px 0px 5px; width: 30px;height: 30px;}}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* progress-bar */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .progress {
        text-align: right;
        border-radius: 50px; margin: 10px auto 10px; padding: 3px;
        width: 550px; height: 45px; background-color: #97b1ab1c;
        border: solid 2px rgba(255, 255, 255, 0.68); display: inline-block;}
    .progress-bar {    
        border-radius: 50px; background-color: #1186dc; font-size: 22px;
        text-shadow: none; line-height: 35px; font-weight: 500;}
    .progress-bar.active, .progress.active .progress-bar {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;}
    .progress-bar-striped, .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        -webkit-background-size: 40px 40px; background-size: 40px 40px;}	 
    .progress-block {max-width: 900px;}
    .progress .limit {font-size: 20px; margin-right: 20px; color: #ffffa0; text-shadow: none; line-height: 35px; font-weight: 500;}

    @media (max-width: 940px) {.progress {width: 450px;}}
    @media (max-width: 600px) {.progress {width: 380px;}}	
    @media (max-width: 480px) {.progress {width: 300px;}}	
    @media (max-width: 380px) {.progress {width: 240px;}}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    

/* social-top */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .social-top ul {padding: 0; list-style: none; margin-top: 20px;}
    .social-top li {display: inline-block; padding-right: .3em; padding-bottom: .3em; -webkit-transition: all .8s ease; }
    .social-top li a {
        text-align: center; width: 43px; height: 43px; display: block; line-height: 44px; font-size: 36px; color: #fff;
        -webkit-transition: all .8s ease; transition: all .8s ease;}	
    .social-top li:hover {transform: scale(1.2);}
    .social-top li:hover a {color: rgb(7, 235, 159);}
    .social-top li a .fa {text-shadow: none;}

    @media (max-width : 1200px) {.social-top ul {margin-top: 60px;} }
    @media (max-width : 940px) {.social-top ul {margin-top: 120px;} }	 
    @media (max-width : 360px) {
        .social-top ul {margin-top: 60px;}
        .social-top li a {text-align: center;width: 25px; height: 25px; display: block; line-height: 34px; font-size: 22px;} 
    }
    .social-fixed {
        font-family: arial!important; font-size: 14px!important; position: absolute; left: 0!important; top: 200px; 
        /* background: rgba(8, 30, 39, 0.62);*/
        z-index: 1000!important; box-sizing: content-box!important; display: inline-block;
        /*position: fixed!important; top: 30%!important; top: calc(50% - 150px); float: none;*/}		
    .social-fixed ul {padding: 15px 5px 0;}
    .social-fixed ul li {margin-bottom: 10px;}
    .social-fixed ul li a{
        margin-bottom: 10px; color: #fff; width: 44px; height: 44px; display: block;
        padding: 10px; font-size: 22px; text-align: center; line-height: 22px;
        border: 2px solid rgba(255, 255, 255, 0.63); background: inherit;
        border-top-right-radius: 50%; border-top-left-radius: 50%;
        border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;
        -webkit-transition: all .3s ease; transition: all .3s ease;}
    .social-fixed ul li a:hover {background: #00c382; border: 2px solid #00c382;}
    .social-fixed ul li a .fa {color: #fff; font-size: 22px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*SUBSCRIBE*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .subscribe {color: #fff;}
    .subscribe p {margin: 30px auto 30px;}
    .subscribe-form {display: inline-block; margin-bottom: 30px;}	
    .subscribe-form input {width:200px; height: 50px; position: relative; padding: 5px 10px;}
    .subscribe-form select {width:200px; height: 50px; color:#333;}
    .subscribe-form .btn {
        height: 50px; width: auto; color: #ffffff; border: 1px solid #00d6bec7;
        background: -webkit-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: -o-linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        background: linear-gradient(rgba(47, 207, 195, 0.2), rgba(47, 207, 195, 0.5));
        font-size: 1em;	line-height: 50px; padding: 0 40px; margin: 0;
        -webkit-transition: all .4s ease; transition: all .4s ease;}
    .subscribe-form .subscribe-btn {margin-top: 10px; text-transform: uppercase; margin-right: 10px;}
    .subscribe-form .btn:hover {
        background: -webkit-linear-gradient(rgba(8, 167, 132), rgba(47, 207, 195, 0.5));
        background: -o-linear-gradient(rgba(8, 167, 132), rgba(47, 207, 195, 0.5));
        background: linear-gradient(rgb(8, 167, 132), rgba(47, 207, 195, 0.5));
        font-size: 1em;	line-height: 50px; padding: 0 40px; outline: 0px !important;
        color: #ffffff; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .subscribe-form .form-control::-webkit-input-placeholder {color: #333;}
    .subscribe-form .form-control:-moz-placeholder {color: #333;}
    .subscribe-form .form-control::-moz-placeholder {color: #333;}
    .subscribe-form .form-control:-ms-input-placeholder {color: #333;}	
    .form-inline .form-control {
        margin-top: 10px;
        -webkit-transition: all .3s ease; transition: all .3s ease;
        border: solid 2px rgba(245, 249, 251, 0.78); background: rgba(245, 249, 251, 0.78);}
    .form-inline .form-control:focus {border: solid 2px #00e69a;background: #fff;}

    @media (min-width: 768px){
        .form-inline .form-control {display: inline-block; min-width: 200px; vertical-align: middle;}	}
    @media (max-width: 767px) {
        .subscribe-form input {width:200px; height: 35px;}
        .subscribe-form select {width:200px; height: 35px;}}
    @media (max-width: 940px) { 
        .form-inline .form-control {width: 100%;}
        .subscribe-form input {width: 100%;}
        .subscribe-form select {width: 100%;}
        .subscribe-form .btn {width: 100%;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dApp Builder and Wordpress*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .beuilder_wp {
        background: -webkit-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: -o-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: linear-gradient(to right, #051721 0%, #07212d 20%, #1e5677 100%);
        padding-top: 40px; padding-bottom: 50px;}
    .beuilder_wp .title h2 {color: #ffffff;}
    .beuilder_wp img {max-width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* WHAT_IS_dApp_Builder */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .ibuildapp {padding-top: 40px; margin-bottom: 50px;}	
    .ibuildapp ul {font-size: 20px; line-height: 32px; font-family: 'Ubuntu-L', sans-serif, Arial; margin-bottom: 60px;}
    .ibuildapp ul li i {margin-right: 10px; color: #f74361;}
    .ibuildapp ul li:hover i {color: #06ffc8;}
    .ibuildapp .btn-block {margin: 20px 0 20px;}
    .ibuildapp .title {margin-bottom: 20px;}
    .ibuildapp .ibuildapp-text {background: #fff; border-radius: 5px; padding: 40px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);}    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* DEMO_APP */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #demoapp {background-image: url(../images/colorbg.png); width: 100%; background-repeat: no-repeat; background-position: top;}
    .demoapp-block .title {margin-bottom: 40px; }
    .demoapp-block .title-line {background: #ffffff;}
    .demoapp-block .title h2 {color:#ffffff;}
    .demoapp-block h3 {font-family: 'Ubuntu-R',sans-serif; color: #f3f6f9; font-size: 32px; color: #fff;}
    .demoapp-block img {max-width: 100%;}
    .demoapp-block .btn-primary {padding: 14px 62px;}
    .demoapp-block .class-or {color: #002e5d; margin: 25px 0; text-transform: uppercase;}
    .demoapp-block {margin-top: 60px;}
    .demoapp-block p {font-family: 'Ubuntu-L', sans-serif; color:#fff; margin-bottom: 20px;}
    .demoapp-block .qr-input {
        font-family: 'Ubuntu-L', sans-serif; border-radius: 8px; padding: 15px 10px; font-weight: 400; height: 50px;
        background-color: inherit; border: solid 1px rgba(173, 173, 173, 0.36); font-size: 18px;}
    .demoapp-block .form {margin-bottom: 30px;}
    #demoapp .form-control {/*width: auto;*/ float: none; display: inline-block;}
    #demoapp .form-control:focus {-webkit-box-shadow: none; border: solid 1px rgb(0, 195, 130)!important;}
    #demoapp .btn-primary{margin: 0;}
    .form-input {float: left; padding-right: 15px;}
    .form-sms {float: left; max-width: 30%; margin-right: 10px;}
    #modal-trynow .success-send {font-size: 18px; color: #004c6d;}
    #modal-trynow .error-send {font-size: 18px; color: #ca0202;}
    @media (max-width: 480px) { #demoapp .form-control {width: 100%; float: none; margin: 10px 0;} }
    @media (max-width: 768px) { #demoapp .form-control {width: 100%; float: none; margin: 10px 0;} }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* STEP */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #step {  margin-bottom: 60px;}	
    #step img {max-width: 80%;}
    #step .step-one img {-webkit-transition: all .4s ease; transition: all .4s ease;}
    #step .step-one:hover img {transform: scale(1.1);}
    #step .step-one:hover p {}
    #step .step-one p {    
        border-radius: 0 0 8px 8px; font-family: 'Ubuntu-R', sans-serif, Arial;
        font-size: 20px; color: #065268; min-height: 100px;padding: 10px 20px 10px; 
        text-align: left; background: rgb(38, 255, 207); }
    #step .step-one {    
        margin-top: 20px;
        -webkit-transition: all .4s ease; transition: all .4s ease;
        /*min-height: 280px;*/ box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);
        background: #fff; padding: 0px; border-radius: 4px; /*margin-bottom: 30px*/;}
    #step .step-one:hover {box-shadow: 0 15px 40px 0 rgba(0, 22, 48, 0.2);}	

    @media (max-width: 600px) { #step {margin-bottom: 20px;}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* VIDEO-interview */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #interview-ico {margin: 80px 0px 80px;}
    #interview-ico iframe {
        width: 854px; height: 480px; box-shadow: 15px 15px 40px rgba(0,0,0,0.3);}
    @media screen and (max-width: 1200px) {#interview-ico iframe {width: 640px; height: 360px;} }
    @media (max-width: 767px) {#interview-ico iframe {width: 426px; height: 240px;} }
    @media (max-width: 480px) {#interview-ico iframe {width: 323px; height: 182px;} }
    @media (max-width: 320px) {#interview-ico iframe {width: 260px; height: 146px;} }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* utility_token */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #ethereum {padding: 80px 0 80px;}
    #ethereum .title {padding: 0; margin-bottom: 40px;}
    #ethereum h2 {margin: 15px 0 15px 0; font-size: 32px; color: #09756f;}
    #ethereum-feat {padding-top: 50px;}
    #ethereum img {max-width: 100%;margin: 40px auto;}
    #ethereum p span {color:#09756f;}
    #ethereum b {color: #605c64;}
    .feat-list h4 {
        transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        font-size: 28px; margin-top: 0px; margin-bottom: 15px; text-transform: uppercase; }
    .feat-list h4 span {color: #ff4e5c; font-weight: 600;}	
    .feat-lis p {font-size: 20px;}
    #ethereum .feat-list {
        min-height: 280px; background: #f9faff; border: solid 2px #f9faff;
        margin-bottom: 20px; margin-top: 20px; padding: 40px;
        box-shadow: 10px 30px 75px rgba(0,0,0,0.3); border-radius: 15px;
        transition: all 0.6s ease;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;}
    #ethereum .feat-list:hover {border: solid 2px rgb(0, 217, 255); box-shadow: none; background: #ffffff;}
    #ethereum .feat-list:hover h4 {color: #09756f;}
    #ethereum .feat-list p{font-size: 17px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #partners {padding: 80px 0 40px; background: #f6f6f6;}
    #founded {width: 100%; background-repeat: no-repeat; background-position: top; padding-top: 50px;}
    .founded-block {
        background: #fff; border-radius: 15px 15px 0 0;
        padding: 20px 40px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);}
    .founded-block p {
        font-family: 'Ubuntu-L', sans-serif, Arial; margin: 20px 0 40px;
        padding: 0px 10px 0px 25px; border-left: 3px solid rgb(0, 230, 184);}	
    .founded-block .number {font-size: 20px; font-family: 'Ubuntu-R', sans-serif, Arial; color: #02dcb0;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MOBILE_MARKET */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #intro .title { margin-bottom: 40px;}
    #intro .intro-block {    
        background: #022c3e; border-radius: 0 0 15px 15px;
        padding: 40px;  box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);}
    #intro h2 {margin: 15px 0 10px 0; font-size: 38px; color:#fff;}
    #intro .intro-pic {margin: 60px 0 60px;}
    #intro ul li {font-weight: 400; margin: 0 5px;color:#fff;}
    #intro .color {min-width: 15px; min-height: 15px; display: inline-block;  border-radius: 50%;}
    #intro img {max-width: 100%; margin: 0px auto 40px;}
    #intro p {
        color:#fff; font-family: 'Ubuntu-L', sans-serif, Arial; margin: 20px 0 40px;
        padding: 0px 10px 0px 25px; border-left: 3px solid rgb(0, 255, 204);}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* TOKEN SALES */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #tokensale {
        padding: 40px; 
        background: -webkit-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: -o-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: linear-gradient(to right, #051721 0%, #07212d 20%, #1e5677 100%);}
    #tokensale h2 {color:#fff;}
    #tokensale img {max-width: 80%;}
    #tokensale h4 {color:#00ffcc; font-size: 22px;}
    #tokensale .table {background: #08445254; box-shadow: 0 14px 30px 0 rgba(6, 27, 37, 0.76);}
    #tokensale .table td {font-size: 20px; color:#fff;}
    #tokensale .table .tr-bg {background: #00f6d926}
    #tokensale .table tbody tr td {border-top: 1px solid #38ffd3;}
    #tokensale .title-line {background: #fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* WeChat Block on China */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #wechat_block { 
        min-height: 280px; background-size: 100%;
        background-position: top center; background-image:url('../images/wechatbg.jpg');}
    .wechat_green {background: #3ed46b9e; padding: 10px; }	
    .wechat_green img {width: 120px; margin-bottom: 20px;}
    .wechat_green h4 {color: #ffffff; font-size: 22px;}
    .wechat_green .wechat-qr {box-shadow: 0 10px 30px 0 rgba(11, 18, 27, 0.35); width: 150px;}

    @media (min-width:1400px){
        #wechat_block {min-height: 400px;}
        .wechat_green { padding: 20px; margin-top: 40px;}
    }
    @media (max-width: 992px) { 
        #wechat_block { background-size: inherit;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Roadmap */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*#subscribe .overlay {background-color: rgba(0, 0, 0, 0.46);}*/
    #roadmap .fullscreen { background-image:url('../images/netw1.jpg');}
    #roadmap .overlay { background: rgba(8, 54, 74, 0.7);}
    #roadmap {color: #fff;}
    #roadmap h2 {margin-top: 10px; margin-bottom: 20px; color: #fff;}
    #roadmap .btn-default:hover {border: 2px solid #ffffff; background: #ffffff; color: #09756f; padding: 15px 50px;}
    #roadmap .btn-default {border: 2px solid #ffffff; color: #ffffff;}
    #roadmap .btn-block {padding: 40px 0 60px;}
    #roadmap .title-line {background: #fff;}

    .block-roadmap {padding: 40px 0;}

	/*.timeline {list-style: none; padding: 20px 0 20px; position: relative; margin-bottom: 0px;}
	.timeline:before {
	  top: 0; bottom: 0; position: absolute; content: " ";
	  width: 3px; background-color: #fff; left: 50%; margin-left: -1.5px;}
	.timeline > li {margin-bottom: 90px; position: relative;}
	.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-body > p, .timeline-body > ul {
		-webkit-transition: all .4s ease; transition: all .4s ease;
		color: #f3f5fd margin-bottom: 0; font-family: 'Ubuntu-L', sans-serif, Arial;}
	.timeline-body > p + p {margin-top: 5px;}
	.timeline-title {
		margin-top: 0; color: #1fe284; font-size: 28px;
		-webkit-transition: all .3s ease; transition: all .3s ease;}

	.timeline > li > .timeline-panel {
		-webkit-transition: all .8s ease; transition: all .8s ease;     
		border: solid 1px rgba(246, 246, 246, 0.62);
		background: rgba(17, 17, 23, 0.25); width: 50%; float: left; 
		border-radius: 5px; padding: 20px; position: relative; cursor: default;
		-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 20px 40px rgba(0,0,0,.08);}

	.timeline > li > .timeline-panel:hover {
		border: solid 1px rgb(31, 226, 132);
		background: #022c3e; -webkit-transition: all .4s ease; transition: all .4s ease;}
	.timeline > li > .timeline-panel:hover p {}
	.timeline > li > .timeline-panel:hover h4 {}
	.timeline .timeline-badge .fa {margin-top: 18px; font-size: 25px;}
		
	.timeline > li.timeline-inverted + li:not(.timeline-inverted),
	.timeline > li:not(.timeline-inverted) + li.timeline-inverted {margin-top: -60px;}
	.timeline > li:not(.timeline-inverted) {padding-right:110px;}
	.timeline > li.timeline-inverted {padding-left:110px;}
	.timeline > li > .timeline-panel:before {
	  position: absolute; top: 26px; right: -15px; display: inline-block;
	  border-top: 15px solid transparent; border-left: 15px solid #fff;
	  border-right: 0 solid #fff; 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: 60px; height: 60px; line-height: 50px;
	  font-size: 1.4em; text-align: center; position: absolute;  left: 50%;
	  margin-left: -30px; top: 15px;
	  background: rgb(31, 226, 132); z-index: 100;
	  border-top-right-radius: 50%; border-top-left-radius: 50%; border: none;
	  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.primary {background-color: #ff4066 !important;}
	.timeline-badge.success {background-color: #3f903f !important;}
	.timeline-badge.warning {background-color: #f0ad4e !important;}
	.timeline-badge.danger {background-color: #5bb433 !important;}
	.timeline-badge.info {background-color: #1c8ad4 !important;}	*/
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /* Timeline */
        .timeline, .timeline-horizontal {list-style: none; padding: 20px; position: relative;}
        .timeline-horizontal {margin-left: 60px;}
        .timeline:before {
            top: 40px; bottom: 0; position: absolute; content: " "; width: 3px;
            background-color: #00ffcc; left: 50%; margin-left: -1.5px;}
        .timeline .timeline-item {margin-bottom: 20px; position: relative;}
        .timeline .timeline-item:before,.timeline .timeline-item:after {content: ""; display: table;}
        .timeline .timeline-item:after {clear: both;}
        .timeline .timeline-item .timeline-badge {
            color: #fff; width: 54px; height: 54px; line-height: 52px; font-size: 22px;
            text-align: center; position: absolute; top: 18px; left: 50%; margin-left: -25px;
            background-color: #f74361; border: 2px solid rgb(255, 127, 149);
            z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%;
            border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
        .timeline .timeline-item .timeline-badge i,	.timeline .timeline-item .timeline-badge .fa,
        .timeline .timeline-item .timeline-badge .glyphicon {top: 2px; left: 0px;}
        .timeline .timeline-item .timeline-panel {
            position: relative; width: 46%; float: left; right: 16px;
            border: 1px solid #c0c0c0; background: rgba(2, 42, 53, 0.41); 
            border-radius: 2px; padding: 20px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
        .timeline .timeline-item .timeline-panel:before {
            position: absolute; top: 26px; right: -16px;
            display: inline-block; border-top: 16px solid transparent;
            border-left: 16px solid #c0c0c0; border-right: 0 solid #c0c0c0;
            border-bottom: 16px solid transparent; content: " ";}
        .timeline .timeline-item .timeline-panel .timeline-title {margin-top: 0;}
        .timeline .timeline-item .timeline-panel .timeline-body > p,
        .timeline .timeline-item .timeline-panel .timeline-body > ul {margin-bottom: 0;}
        .timeline .timeline-item .timeline-panel .timeline-body > p + p {margin-top: 5px;}
        .timeline .timeline-item:last-child:nth-child(even) {float: right;}
        .timeline .timeline-item:nth-child(even) .timeline-panel {float: right; left: 16px;}
        .timeline .timeline-item:nth-child(even) .timeline-panel:before {
            border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
        .timeline-horizontal {
            list-style: none; position: relative; padding: 80px 0px 20px 0px; display: inline-block;}
        .timeline-horizontal:before {
            height: 2px; top: auto; bottom: 26px; left: 56px; right: 0; width: 100%; margin-bottom: 20px;}
        .timeline-horizontal .timeline-item {
            display: table-cell; /*height: 280px;*/ width: 20%; /*min-width: 320px;*/
            float: none !important; padding-left: 0px; padding-right: 20px;
            margin: 0 auto; vertical-align: bottom;}
        .timeline-horizontal .timeline-item .timeline-panel .timeline-title {color: #00ffcc;}  
        .timeline-horizontal .timeline-item .timeline-panel {
            min-width: 160px;
            top: auto; bottom: 64px; display: inline-block;
            float: none !important; left: 0 !important; right: 0 !important;
            width: 100%; margin-bottom: 20px; color: #fff;
            transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
        .timeline-horizontal .timeline-item .timeline-panel:before {
            top: auto; bottom: -16px; left: 28px !important; right: auto;
            border-right: 16px solid transparent !important;
            border-top: 16px solid #ffffff !important;
            border-bottom: 0 solid #ffffff !important;
            border-left: 16px solid transparent !important;}
        .timeline-horizontal .timeline-item:before,.timeline-horizontal .timeline-item:after {display: none;}
        .timeline-horizontal .timeline-item .timeline-badge {top: auto; bottom: 0px; left: 43px;}
        .timeline-horizontal .timeline-item .timeline-panel:hover {background: rgb(246, 246, 246);}
        .timeline-horizontal .timeline-item .timeline-panel:hover p {color: #777;}
        .timeline-horizontal .timeline-item .timeline-panel:hover .timeline-title {color: #014258;} 	

        @media (max-width: 920px) {.roadmap-hor {overflow-y:auto;}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Subscribe_Section */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*#subscribe .overlay {background-color: rgba(0, 0, 0, 0.46);}*/
    #sectionibuild .fullscreen {background-image:url(../images/roadbg.jpg);}
    .sectionibuild-row {padding: 40px 0 80px;}
    #sectionibuild .overlay {background: rgba(11, 81, 99, 0.64);}
    #sectionibuild .title {margin-bottom: 60px;}	
    #sectionibuild img {max-width: 600px; margin-top: 40px;}
    #sectionibuild {color: #fff;}
    #sectionibuild h2 {margin-top: 60px; margin-bottom: 20px; color: #fff;}
    #sectionibuild .btn-block {padding: 40px 0 60px;}
    #sectionibuild .title-line {background: #02c26b;}
    #sectionibuild .subscribesec-text {font-family: 'Ubuntu-L', sans-serif, Arial;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* client */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #client {background: #f6f6f6; padding: 70px 0 70px;}
    #client img {
        max-height: 80px; margin: 0 20px; opacity: 1;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #client img:hover {
        opacity: 0.7; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* OUR_TEAM */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    #ourteam {/*background: #2c3754;*/
        /*background: -webkit-linear-gradient(top right, rgb(0, 67, 189), rgb(35, 210, 228) 80%);
        background: -o-linear-gradient(top right, rgb(0, 67, 189), rgb(35, 210, 228) 80%);
        background: linear-gradient(to bottom left, rgb(0, 67, 189), rgb(35, 210, 228) 80%);*/}
    #ourteam .overlay { background: rgba(0, 140, 195, 0.42);}
    #ourteam .fullscreen {background-image: url(../images/bg3.jpg);}	
    #ourteam h2 {color: #fff;}	
    #ourteam .title {margin: 20px 0 10px; }
    #ourteam .title-line {background: #fff; margin: 20px auto 40px;} 
    .ourteam-bg {background: #f0f0f0;}
    #ourteam .ourteam .screen {display: block; max-width: 100%; text-align: center;}
    #ourteam .ourteam .screen img {
        -webkit-filter: grayscale(85%); margin-bottom: 25px; border: solid 6px #dae3e4; max-width: 100%; max-width: 200px;
        border-radius: 50%; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #ourteam .ourteam .screen:hover img {border: solid 6px #26ffcf; -webkit-filter: grayscale(0%);}
    #ourteam .ourteam .descr p {margin-bottom: 10px; padding: 0; color: rgba(255, 255, 255, 0.73);}
    #ourteam .ourteam .descr .small {font-size: 12px; color: rgba(63, 176, 247, 0.72);}
    #ourteam .ourteam h3 {
        margin: 0;font-size: 22px; color: #fff; font-family: 'Ubuntu-R', sans-serif;
        transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    #ourteam .ourteam .screen:hover h3{color: rgb(0, 255, 234);}
    #ourteam .linkedin { 
        transition: all 0.5s ease; color: rgba(255, 255, 255, 0.7); font-size: 24px;
        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    #ourteam .ourteam .screen:hover .linkedin {color: rgb(38, 255, 207);}
    #ourteam .ourteam-pers {margin-bottom: 20px; padding: 10px 20px 10px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* Million_Users */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .dappsto .fullscreen {background-image:url('../images/bg-dappsto.jpg');}
    .dappsto .overlay {
        padding: 100px 0; background: rgba(41, 20, 133, 0.26);
        /*background: -webkit-linear-gradient(top right, rgba(104, 189, 255, 0.65), rgba(112, 48, 181, 0.85) 80%);
        background: -o-linear-gradient(top right, rgba(104, 189, 255, 0.65), rgba(112, 48, 181, 0.85) 80%);
        background: linear-gradient(to bottom left, rgba(104, 189, 255, 0.65), rgba(112, 48, 181, 0.85) 80%);*/}
    .dappsto h2 {color: #fff; margin-bottom: 20px; font-size: 36px;}
    .dappsto h3 {color: #fff; margin-bottom: 40px; font-weight: 300;}
    .dappsto p {font-weight: 500; color: rgb(255, 255, 255);}
    .dappsto img {max-width: 100px;}
    .dappsto .btn-section {padding: 20px 0 20px;}
    .dappsto-block {background: rgba(6, 59, 82, 0.82); padding: 40px;}
    .dappsto .title {margin-bottom: 60px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* All_PAGE */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .cont-page .overlay {
        padding: 80px 0 60px;
        background: -webkit-linear-gradient(top right, rgba(9, 173, 160, 0.65), rgba(3, 59, 84, 0.58) 80%);
        background: -o-linear-gradient(top right, rgba(9, 173, 160, 0.65), rgba(3, 59, 84, 0.58) 80%);
        background: linear-gradient(to bottom left, rgba(9, 173, 160, 0.65), rgba(3, 59, 84, 0.58) 80%);}
    .cont-page .title {margin: 40px 0 40px;}	
    .cont-page h2 {color: #fff; margin-bottom: 20px; font-size: 56px;}	
    .cont-page-text h2 {color: #333;}
    .cont-page-text {margin-top: 60px; margin-bottom: 60px;}
    .cont-page-text p, .cont-page-text ul li {font-size: 18px;}
    .ol-terms {list-style: none !important; padding: 0;}
    .numone {padding-right: 10px;}
    .numtwo {padding-right: 10px; font-family: 'Ubuntu-B', sans-serif, Arial; color: rgba(14, 74, 71, 0.76); }
    .block_terms {margin-bottom: 60px;}
    .block_terms ol {list-style: none !important; padding: 0;}
    .block_terms h3 {color: #09756f;}	
    .cont-page-text .onefaq {
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        border-bottom: solid 1px rgba(4, 74, 76, 0.21); padding: 15px;}
    .cont-page-text .onefaq:hover {background: rgba(218, 218, 218, 0.21);}
    .cont-page-text .onefaq h5 {
        font-size: 22px; text-transform: uppercase;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .cont-page-text .onefaq:hover h5 {color: #09756f;}
    .cont-page-text .onefaq ul {padding-left: 20px;}
    .cont-page .fullscreen {background-position: top;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* How_It_Works */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #works {padding: 80px 0 80px;}
    #works h2 {font-size: 38px;}
    #works img {max-width: 100%;}
    #works h3 {margin: 5px 0 10px; font-size: 20px;}
    #works .works-text {margin-top: 60px;}	
    #summary .summary-block img {max-width: 70px; float: left; margin-right: 20px;}
    #summary .btn-pink-color {margin: 10px;}
    #works ul li { 
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        margin-bottom: 20px; border-left: 3px solid #09756f; padding: 0px 0px 0px 15px;}
    #works ul li:hover {background: #09756f; color:#fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* usecases */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    #usecases {padding: 20px 0 20px; background: #f3f6f9;}
    #usecases .title h2 {color: #2a5f6f;}	
    .usecases-block ul li {color: #022c3e; font-size: 16px; font-family: 'Ubuntu-L', sans-serif, Arial;}
    .usecases-block h4 {color: #151b1e; font-size: 26px; font-family: 'Ubuntu-L', sans-serif;}
    .usecases-block:hover h4{color: #179ea2; font-size: 26px;}
    .usecases-block:hover {    box-shadow: 0 15px 40px 0 rgba(0, 22, 48, 0.2);}
    .usecases-block {    
        background: #ffffff; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        padding: 20px; border-radius: 8px; margin-bottom: 40px;}
    .usecases-block:hover .usecases-block-icon {background-color: #fd5066;}	
    .usecases-block .usecases-block-text {margin-left: 100px; min-height: 240px;}
    .usecases-block .usecases-block-icon {	    
        width: 74px; height: 74px; line-height: 72px; font-size: 42px;
        text-align: center; float: left; color: #ffffff;
        background-color: #0be2b7; z-index: 100;
        border-top-right-radius: 50%; border-top-left-radius: 50%;
        border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* documentation */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #documentation {padding: 30px 0 30px; background: #10364a;}
    #documentation .title h2 {color: #fff;}
    #documentation img {
        border: solid 2px transparent; box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.46);
        max-width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #documentation .doc-descr {margin-top: 20px;}
    #documentation img:hover {box-shadow: none; border: solid 2px #0be2b7;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Partnership */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #partnership {padding: 20px 0 40px;}
    #partnership a {display: block;}
    #partnership h2 {}
    #partnership img {
        box-shadow: 5px 10px 40px rgba(0,0,0,0.5); margin-bottom: 15px; 
        border-radius: 10px; max-width: 100%; opacity: 0.8;
        -webkit-transition: all .3s ease; transition: all .3s ease;}
    #partnership img:hover {opacity: 1;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Mobile_Apps_Market */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #mobile-apps h2 {margin: 20px 0 15px 0; font-size: 38px;}
    #mobile-apps {padding: 40px 0 80px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Example_App */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #exampleApp {min-height: 400px; background: #f0f0f0; padding: 60px 0 60px;}
    #exampleApp .card img {
        opacity: 0.9; border: solid 1px #a5a5ac; max-width: 100%; border-radius: 0px;
        transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    #exampleApp .card:hover {box-shadow: 5px 10px 55px rgba(0,0,0,0.4);}
    #exampleApp .card:hover .card-title {color: #661cd8;}
    #exampleApp .card {    
        transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
        background: #fff; padding: 10px 20px 20px; border-radius: 20px;
        border: solid 1px #e3e3e3; margin: 15px 0;}
    #exampleApp .card-title {
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        margin-top:10px; font-size: 18px; color: #5f5f5f;}
    #exampleApp .btn-default {margin: 40px 0 10px; border: 1px solid rgb(207, 212, 226);}
    #exampleApp .btn-default:hover {border: 1px solid #09756f;}

    @media screen and (max-width: 1199px) {
        #exampleApp .btn-default {padding: 10px 10px; height: 40px;}	
        #exampleApp .card-title {font-size: 16px;}		
        #exampleApp .btn-default:hover {padding: 15px 40px;}
    }
    @media screen and (max-width: 1399px) {#exampleApp .btn-default:hover {padding: 15px 40px;}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* press */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #press {padding: 20px 0 0; }	
    #press .press-state .link-more {color:#00b4a4; text-decoration: underline;}
    #press .press-state .link-more:hover { text-decoration: none;}
    .press-block {margin: 20px 0 30px;}
    .press-state {  
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  
        background: #fff;  border-radius: 4px; padding-bottom: 30px;
        box-shadow: 0 4px 9px 0 rgba(23,28,33,.06); min-height: 200px;}
    .press-state:hover {box-shadow: 0 15px 40px 0 rgba(0, 22, 48, 0.2);}
    .press-state:hover h3 {color: #002346;}	
    .press-block img {max-width: 100%; }
    .press-block h3 {font-family: 'Ubuntu-L', sans-serif, Arial; padding: 0 10px; font-size: 16px;}

    @media (max-width: 600px) { #step {margin-bottom: 20px;}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* VideoDapps */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #videosite {
        background: -webkit-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: -o-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: linear-gradient(to right, #051721 0%, #07212d 20%, #1e5677 100%);padding-top: 40px; padding-bottom: 40px;}
    #videosite .title {margin-bottom: 20px;}
    #videosite h2, #videosite h3 {color:#fff;}
    #videosite h3 {font-size: 16px; color:#fff;}
    #videosite .video-block-glav .title {margin: 0 0 20px;}
    #videosite .video-block-glav {margin: 40px 0 0;} 
    #videosite .video-block-glav iframe {box-shadow: 5px 15px 50px rgba(0,0,0,0.5); width: 426px; height: 240px;}
    #videosite .video-img img {max-width: 100%; box-shadow: 5px 15px 50px rgba(0,0,0,0.5);}
    #videosite .video-block-Create iframe {box-shadow: 5px 15px 50px rgba(0,0,0,0.5); width: 640px; height: 360px;}
    .video-js {
        box-shadow: 5px 15px 50px rgba(0,0,0,0.5); width: 640px; height: 360px; font-size: 10px;  color: #fff;background: black;}
    .vjs-poster {background-color: #000000;}
    .vjs-default-skin .vjs-big-play-button {
        font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em;
        border: 0.06666em solid #fff; border-radius: 0.3em; left: 0.5em; top: 0.5em;}
    .video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-menu-button .vjs-menu-content {
        background-color: #2B333F;}
    .video-js .vjs-load-progress {background: #bfc7d3;}

    @media screen and (max-width: 1400px) {
        #videosite .video-block-glav .title {min-height: 70px;}
        #videosite .video-block-glav iframe {width: 400px; height: 240px;} 
        .video-js {width: 400px; height: 240px;}
    }	
    @media (max-width: 1300px) {
        .video-js {width: 426px; height: 240px;}
        #videosite .video-block-Create iframe {width: 426px; height: 240px;} }	
    @media (max-width: 1300px) {
        #videosite .video-block-glav iframe {width: 300px; height: 200px;} }
    @media (max-width: 990px) {
        .video-js {width: 640px; height: 360px;}
        #videosite .video-block-glav iframe, #videosite .video-block-Create iframe  {width: 640px; height: 360px;} }
    @media (max-width: 767px) {
        #videosite .video-block-glav .title {min-height: auto;}
        .video-js {width: 323px; height: 182px;}
        #videosite .video-block-glav iframe, #videosite .video-block-Create iframe {width: 323px; height: 182px;} }
    @media (max-width: 320px) {
        .video-js {width: 260px; height: 180px; box-shadow: none;}
        #videosite .video-block-glav iframe, #videosite .video-block-Create iframe {width: 260px; height: 180px;} }

/* events */    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #events {padding: 10px 0 40px; background: #022c3e;}
    #events h2, #events h3, #events p {color:#fff;}
    #events .one-event h4 {text-transform: uppercase; font-size: 18px; transition: all 0.3s ease; color: #333;}
    #events .one-event:hover h4 { color: #11688e;}
    #events .one-event p {font-size: 16px; line-height: 20px; margin: 0; padding: 0; color: #333;}
    #events .one-event {
        border: solid 2px #f5f7f9; background: #f5f7f9; margin: 20px 20px;  padding: 10px 0 20px;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #events .one-event:hover {border: solid 2px #1fe284;}
    #events .title-line {background: #fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Customers */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #screenshot {padding-bottom: 30px; padding-top: 90px; }
    #screenshot h2 {margin: 20px 0 15px 0;}
    #screenshot h4 {font-family: 'Ubuntu-R', sans-serif; color: #596a71;}
    #screenshot img {max-width: 100%; opacity: 0.8; }
    #screenshot img:hover {opacity: 1;}
    #screenshot .screenshots {margin: 60px 0 40px;}
    #screenshot .owl-theme .owl-controls .owl-page span {background: #09756f;}	
    @media (max-width: 1200px){ #screenshot {padding-top: 40px; } }
    @media (max-width: 992px){ #screenshot {padding-top: 0px; } }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #telegram {    
        background-color: rgba(125, 226, 240, 0.22); 
        padding: 25px 0; border: solid 1px #a1cada; border-radius: 20px;}
    #telegram h4 {font-size: 22px; color:#fff;}
    .carousel-thankou .head-btn {margin-top: 60px;}
    .carousel-thankou .carousel-inner {max-height: 80vh;}
    @media (max-width: 1400px) {
        .carousel-thankou .head-btn {margin-top: 40px;}
        .carousel-thankou .carousel-inner {max-height: 100%;}}
    @media (max-width: 992px){
        .carousel-inner-thank .parallax, .carousel-inner-thank #block {
            min-height: 780px!important; margin-bottom: 0px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/* CONTACT */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    #contact .overlay {background-color: rgb(255, 255, 255);}
    #contact {width: 100%; min-height: 100%;}
    #contact  h2{margin-bottom: 20px; font-size: 42px;}
    #contact  p{color: #3eaff6; font-size: 18px;}
    .ul-address a {font-weight: normal;}
    .ul-address li {padding-right: 20px; margin-bottom: 8px; list-style: none;}
    .ul-address i {margin-left: 15px; position: absolute; left: 0; color: #09756f; font-size: 25px; line-height: 30px;}
    .contact-row {margin: 100px 0 100px;}
    #contact-form {margin: 0 auto;}
    #contact-form input {position: relative; padding: 5px 25px; width: 100%;}
    #contact-form textarea {position: relative;	padding: 10px 25px; width: 100%; height: 120px !important;}
    #contact-form .form-control {
        border-radius: 0; border: solid 1px #dadada; background-color: #fff;
        color: #333; font-size: 1.2em; height: 55px;}
    #contact-form .btn {
        height: 55px; width: 100%; background-color: #09756f;
        color: #ffffff; font-size: 17px !important; line-height: 18px;
        padding: 0 33px; border: none; border-radius: 0; text-transform: uppercase;
        margin: 0; -webkit-transition: all .8s ease; transition: all .8s ease;}
    #contact-form .btn:hover {
        background-color: #1f96e0; -webkit-transition: all .8s ease; transition: all .8s ease;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #hackathon .overlay {
        min-height: 900px; padding: 80px 0 0;
        background: -webkit-linear-gradient(top right, rgb(74, 197, 255), rgb(114, 40, 212) 90%);
        background: -o-linear-gradient(top right, rgb(74, 197, 255), rgb(114, 40, 212) 90%);
        background: linear-gradient(to bottom left, rgb(74, 197, 255), rgb(114, 40, 212) 90%);}
    #hackathon .title {margin: 40px 0 60px;}	
    #hackathon .hackathon-title h2 {color: #fff; font-size: 52px; text-shadow: 0 2px 3px rgba(62, 62, 62, 0.35); margin-bottom: 40px;}	
    #hackathon img {max-width: 100%;}
    #hackathon .preview {background-color: #ff8d00; padding: 20px 30px;}
    #hackathon p {color: #fff; font-size: 18px; line-height: 22px;}
    #hackathon .preview h4 .big {text-transform: uppercase; font-weight: 600; font-size: 40px; color: #fff;}
    #hackathon .preview p {font-size: 18px; line-height: 22px;}
    #hackathon h3 {padding-left: 15px; border-left: 5px solid #50bcff; color: #fff; font-size: 25px; line-height: 1.1;}
    #hackathon .preview h4 {color: #fff;}
    #hackathon .prizes {background: #fff; min-height: 250px; margin-top: 30px; border-radius: 50px 50px 0 0;}
    #hackathon .prizes p {color: #777; font-weight: 600; font-size: 16px; font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial;}
    #hackathon .prizes h4 {color: #777; margin-top: 20px; font-size: 32px; font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial;}
    #hackathon .title h3 {color: #777; border-left: none; font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial; font-size: 18px;}
    #hackathon .btn-default:hover {border: 2px solid #ffffff; background: #ffffff; color: #09756f;}
    #hackathon .btn-default {border: 2px solid #ffffff; color: #ffffff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contactus {}
.contactus .modal-btns {
    text-align: center;
    padding-bottom: 40px;
    padding: 30px 0 40px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* FOOTER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #footer {background: #022c3e; padding: 30px 0 30px;}
    #footer .info {
		color: #acacac;
		line-height: 20px;
	}
    #footer .modal-up{
        color: #fff;
        padding: 2px 30px 4px;
        border: solid 1px #fff;
        border-radius: 50px;
        margin-bottom: 20px;
        display: inline-block;
        text-transform: uppercase;
    }
    #footer .modal-up:hover{
        text-decoration: none;
        background-color: #27ffce;
        color: #022c3e;
        border-color: #27ffce;
    }
    #footer a {outline: 0; color: #75dadd;}
    #footer a:hover {text-decoration: underline;}
    .social {margin: 40px 0 40px; padding-bottom: 20px; border-bottom: solid 1px rgba(255, 255, 255, 0.42);}
    .social h4 {color: #27ffce; font-size: 26px; font-family: 'Ubuntu-L', sans-serif; margin-bottom: 30px;}
    .social ul {padding: 0; list-style: none; margin: 20px 0 10px;}
    #footer .social li {display: inline-block; width: 100px; padding-bottom: .3em;}
    #footer .social li a {		    
        font-size: 42px; display: block; margin: 0 15px;
        color: #fff; border: none; -webkit-transition: all .2s ease; transition: all .2s ease;}
    #footer .social li a:hover {color: #28eec1; transform: scale(1.2);}
    #shortcode-basic {padding: 70px 0 10px;}
    #shortcode-button {padding: 50px 0 10px; width: 100%; min-height: 100%;}
    #shortcode-button .form-horizontal {padding-left: 20px; padding-right: 20px;}
    #shortcode-icon {padding: 70px 0 10px;}
    #shortcode-alert {padding: 70px 0 10px;}
    #shortcode-table {padding: 70px 0 10px;}
    #shortcode-column {padding: 50px 0 10px;}
    .social-icons i {color: #ffffff; font-size: 30px; line-height: 40px}
    #shortcode-alert {padding: 70px 0 30px;}
    .footer {padding-top: 60px; padding-bottom: 40px; background-color: #dadfe4;}
    .list-unstyled {padding-left: 0; list-style: none;}
    .footer a {color: #7e8c93; font-size: 13px;}
    .footer a:hover {color: #4c4c4c;}
    .footer address {color: #7e8c93; font-size: 13px; line-height: 24px;}
    .footer h5 {
        border-bottom: 1px dotted #7e8c93; display: inline-block; min-width: 120px; padding-bottom: 10px;
        color: #7e8c93; font-size: 16px; margin-bottom: 20px; font-weight: 700; letter-spacing: 1px;}
    .copyright-txt {color: #cfdbe1; margin-bottom: 0; font-size: 15px; margin-bottom: 0;}
    .footer-alt {margin-top: 30px; padding-top: 20px;}    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #investorModal .modal-dialog h4 {font-family: 'Ubuntu-R', sans-serif, Arial; font-size: 34px; margin-right: 23px;}
    #investorModal .modal-dialog .modal-footer {padding: 25px 10px 40px;} 
    @media (max-width: 667px) { 
        #investorModal .btn-green-color {margin-bottom: 20px;} 
        #investorModal .modal-dialog h4 {font-size: 26px;}
    }
    @media (max-width: 480px) { 
        #investorModal .modal-dialog h4 {font-size: 22px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .alert { 
        border: none; border-radius: 0; position: relative; font-size: 17px; line-height: 22px; padding: 16px; padding-left: 60px;}
    .alert i {font-size: 28px; position: absolute; left: 15px; top: 13px; } 
    .icon-demo i {font-size: 70px; margin-right: 20px;}
    .table > thead > tr > th {background: #09756f; color: #fff; border-bottom: 0; text-transform: uppercase;}
    .table > thead > tr > th, .table > tbody > tr > td {font-size: 15px; font-weight: 300; padding: 20px 10px; }
    .table-bg > tbody > tr:nth-child(odd) > td, .table-bg > tbody > tr:nth-child(odd) > th {background: #fff;}
    .table-bg > tbody > tr:nth-child(even) > td, .table-bg > tbody > tr:nth-child(even) > th {background: #f6f6f6;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ScrollToTop */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    .scrollToTop{
        width: 40px; height: 40px; padding: 5px; border-radius: 50%; display: none;
        font-size: 30px; text-align: center; background: rgba(152, 152, 152, 0.2);
        color: white; position: fixed; bottom: 100px; right: 44px;}
    .scrollToTop:hover {color: #09756f;}
    .control-group .controls {overflow-x: hidden;}
    .footer .scrollToTop {font-size: 30px; color: #fff;}
    .footer .scrollToTop:hover {color: #09756f;}
    /*.zopim {transform: scale(1.8); width: 255px;}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.telegram-button {
    position: fixed;
    right: 35px;
    bottom: 35px;
    z-index: 10;
}
.telegram-button .telegram-fix {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    width: 55px;
    height: 55px;
    font-size: 34px;
    font-weight: 400;
    color: #fff !important;
    text-align: center;
    background: #1e91e9;
    border-radius: 50px;
    line-height: 1.5;
    display: block;
    padding: 5px;
    opacity: 0.7;
}
.telegram-button .telegram-fix:hover {
    opacity: 1;
    box-shadow: 0 8px 11px 1px rgba(0, 149, 255, 0.33);
}
/* New_Subscribe */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #summary .title h2 {color:#fff;}
    #summary .summary-block {
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; 
        -moz-transition: all 0.3s ease; margin-bottom: 30px; color: #fff;}
    #summary .summary-block:hover {}	
    #summary p {font-weight: 400; margin-left: 100px; color: rgba(255, 255, 255, 0.64);}
    #summary {
        padding: 60px 0 30px; 
        background: -webkit-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: -o-linear-gradient(left, #051721 0%, #07212d 20%, #1e5677 100%);
        background: linear-gradient(to right, #051721 0%, #07212d 20%, #1e5677 100%);}
    #summary img {max-width: 560px;}
    #summary .step h3 {
        font-family: 'Ubuntu-R', sans-serif; font-size: 20px; margin-left: 100px; margin-top: 0px;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #summary .step:hover h3 {color: #00ffc8; }
    #summary .step:hover .fa {color: #02c26b;}
    #summary .works-text .summary-block .fa{		
        /*border: solid 2px #02c26b; background: #fff; width: 60px; height: 60px; border-radius: 50%;*/
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        font-size: 48px;  color: #02c26b; padding: 14px; float: left; text-align: center;}
    #summary .btn-section {padding-top: 10px; padding-bottom: 30px;}
    #summary .btn-section .btn-pink-color {padding: 15px 25px;}
    #summary .btn-section .btn-gradient-color {padding: 15px 45px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Modal */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .modal-footer {text-align: center}
    .modal {overflow-y: auto; top: 35px;}
    .modal .close {font-size: 40px; font-weight: 300;}
    .modal-open {overflow: auto;}
    .modal-title {font-size: 32px;font-weight: 300;}
    .modal-body p {font-size: 20px;}
    .modal-body .btn-primary {font-size: 17px; width: 100%; border-radius: 0; font-weight: 500; text-transform: uppercase;}
    #form-modal input {position: relative; padding: 5px 25px; width: 100%;}
    #form-modal textarea {position: relative; padding: 10px 25px; width: 100%; height: 120px !important;}
    #form-modal .form-control {
        border-radius: 0; border: solid 1px #dadada; background-color: #fff;
        color: #333; font-size: 1.2em; height: 55px;}
    #form-modal .btn {
        height: 55px; width: 100%; background-color: #09756f;
        color: #ffffff; font-size: 17px !important; line-height: 18px; padding: 0 33px; border: none; 
        margin: 0; -webkit-transition: all .8s ease; transition: all .8s ease;}
    #form-modal .btn:hover {background-color: #1f96e0; -webkit-transition: all .8s ease; transition: all .8s ease;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* STYLE FOR HACATHON */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #hackathon .overlay {
        min-height: 600px; padding: 80px 0 60px;
        background: -webkit-linear-gradient(top right, rgb(74, 197, 255), rgb(114, 40, 212) 90%);
        background: -o-linear-gradient(top right, rgb(74, 197, 255), rgb(114, 40, 212) 90%);
        background: linear-gradient(to bottom left, rgb(74, 197, 255), rgb(114, 40, 212) 90%);}
    #hackathon .title {margin: 40px 0 60px;}	
    #hackathon .hackathon-title h2 {color: #fff; font-size: 42px; text-shadow: none; margin-bottom: 40px;}	
    #hackathon img {max-width: 100%;}
    #hackathon .preview {background-color: #ff8d00; padding: 20px 30px; font-family: 'Ubuntu-R', sans-serif, Arial;}
    #hackathon h4, #hackathon h3, #hackathon p {color: #fff;}
    #hackathon .preview h4 .big {text-transform: uppercase; font-weight: 600; font-size: 40px;}
    #hackathon .preview p {font-size: 20px; font-family: 'Ubuntu-L', sans-serif, Arial;}
    #hackathon h3 {padding-left: 15px; border-left: 5px solid #50bcff;}
    #hackathon .btn-block {margin-top: 60px;}
    .page-bounty .fullscreen {background-image:url('../images/roadbg.jpg');}
    .page-bounty .overlay{padding: 100px 0 0px;}
    .page-bounty .title {margin: 80px 0 100px;}	
    .page-bounty .title h2{color: #fff; font-size: 52px; text-shadow: 0 2px 3px rgba(62, 62, 62, 0.35);}
    .bounty-general-inf {background: #fff; border-radius: 15px 15px 0 0;}
    .bounty-general-inf h2 {color: #09756f; padding-top: 40px; font-size: 42px;}
    .bounty-general-text p {padding: 50px 20px 30px; font-size: 20px;} 
    #bounty-general {padding: 0px 0 40px;}
    #bounty-general img {max-width: 100%;}
    #bounty-general ul li {font-weight: 400; margin: 20px 5px 0;}
    #bounty-general .color {min-width: 15px; min-height: 15px; display: inline-block;  border-radius: 50%;}
    #bounty-general .bounty-chart {
        padding: 50px 50px 50px; background: #fff; border-radius: 0 0 15px 15px;
        box-shadow: 5px 25px 30px 0px rgba(0, 0, 0, 0.15), 0px 10px 15px 0 rgba(0, 0, 0, 0.12);}
    #bounty-general .campaign {margin-top:40px;}	
    .statistic {
        padding: 50px 50px 50px; background: #fff; border-radius: 15px; margin-bottom: 90px;
        box-shadow: 5px 25px 30px 0px rgba(0, 0, 0, 0.15), 0px 10px 15px 0 rgba(0, 0, 0, 0.12);}
    @media (max-width: 480px) {#bounty-general .bounty-chart { padding: 5px; box-shadow:none; background: inherit;}}
    #bounty-calc h3 {font-size: 22px; font-family: 'Ubuntu-L', sans-serif, Arial;}
    #bounty-calc p {font-size: 20px; color: #fff;}
    #bounty-calc .overlay { color: #fff; padding: 60px 0 80px; background: #413f52;}
    #bounty-calc .btn-default {border-color:#fff; color: #fff;}
    #bounty-calc .btn-default:hover {background: #fff; color: #09756f; border-color:#fff;}
    #bounty-calc img {max-width: 100%;}
    #bounty-calc .img-for {margin: 20px 0; }
    #bounty-calc .where {font-weight: 600; -webkit-transition: all .4s ease; transition: all .4s ease;} 
    #bounty-calc ul li:hover .where {color: #09756f;}
    #bounty-calc ul {color: #fff;}
    #bounty-plan {padding: 60px 0 40px;}
    #bounty-plan .title {margin-bottom: 0;}
    #bounty-plan img {max-width: 100%;}
    #bounty-plan  p {font-family: 'Ubuntu-M', sans-serif, Arial;}	
    #bounty-plan ul {-webkit-transition: all .4s ease; transition: all .4s ease; padding-left: 20px;}
    #bounty-plan ul:hover a{color:#ffe156;}
    #bounty-plan li a {font-weight: 600;}
    #bounty-plan ul span {margin-right: 10px;}
    #bounty-plan .btn-block {margin-top:40px;}
    .bg-grey {background-color: #f6f6f6;}
    #bounty-plan .title h2 {font-size: 32px; font-weight: 600; font-family: sans-serif, Arial; color: #09756f; }
    .margtop-img {margin-top:60px;}
    .bounty-plan-block {border-bottom: solid 1px rgba(4, 74, 76, 0.21); padding-bottom: 60px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* STYLE FOR investor page */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #investor_sec {padding-top: 40px;}
    #investor_sec .investor-step {
        background: #fff; border-radius: 5px; padding: 20px 40px 120px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);}

    #investor_sec .logo-img img {width: 140px;}
    #investor_sec .invest_title h1 {font-size: 40px; color: #3c7998; font-family: 'Ubuntu-M', sans-serif; margin: 5px 0 0;}
    #investor_sec .invest_title .send_title {margin: 5px 0 20px;}
    #investor_sec .send_img img {max-width: 300px;}
    #investor_sec .investor-step h3 {font-size: 27px; color: #394a50; font-family: 'Ubuntu-R', sans-serif;}
    #investor_sec .investor-step .title_success {color: #01c0ca; font-size: 1.5em;}
    #investor_sec .investor-step .invest_title {padding-bottom: 10px;}
    #investor_sec .investor-step .img-fluid {width:250px;max-width:100%;}
    #investor_sec .investor-step .invest_inform {padding-bottom: 10px;}
    #investor_sec .investor-step .invest_inform h4 {font-size: 18px; margin: 0; color: #394a50;}
    #investor_sec .investor-step .invest_inform p {
        line-height: 24px; padding: 0; font-family: sans-serif, Arial; font-size: 16px; color: #50595d;}
    #investor_sec .investor-step a {text-decoration: underline; color: #2096b9;}
    #investor_sec .investor-step a:hover {text-decoration: none; color: #2096b9;}
    #investor_sec .investor-step table {width: 100%}
    #investor_sec .table > thead > tr > th, #investor_sec  .table > tbody > tr > td {padding: 8px 10px;}
    #investor_sec .table > thead > tr > th {
        background: #76a6bf; color: #fff; border-bottom: 0; text-transform: uppercase;}
    #investor_sec .table > thead > tr > th, #investor_sec .table > tbody > tr > td {width: 50%;}
    #investor_sec .investor-step .invest_inform thead h4  {color: #fff;}
    #investor_sec .table-hover tbody tr:hover {background-color: rgb(250, 253, 255);}
    #investor_sec .btn.disabled, #investor_sec .btn:disabled {
        opacity: 0.7; cursor: no-drop !important; box-shadow: none;background: #77b2b5;}

    @keyframes click-wave {
        0% {height: 40px; width: 40px; opacity: 0.35; position: relative;}
        100% {height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;}}
        #investor_sec .option-input {
            -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
            position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; height: 40px; width: 40px;
            transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer;
            display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1;}
        #investor_sec .option-input:hover {background: #9faab7;}
        #investor_sec .option-input:checked {background: #04d5e0;}
        #investor_sec .option-input:checked::before {
            height: 40px; width: 40px; position: absolute; content: '✔';
            display: inline-block; font-size: 26.66667px; text-align: center; line-height: 40px;}
        #investor_sec .option-input:checked::after {
            -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0;
            content: ''; display: block; position: relative; z-index: 100;}
        #investor_sec .option-input.radio { border-radius: 50%;}
        #investor_sec .option-input.radio::after { border-radius: 50%;} 

        #investor_sec .btn-group label {font-size: 22px; margin: 0 20px;}
        #investor_sec .btn-group {margin: 0px 0 20px;}
        #investor_sec .btn-block {margin: 40px 0 20px;}
        #investor_sec .btn-block .btn {margin-bottom: 20px;}
        #investor_sec .btn-group label:hover {cursor: pointer;}
        #investor_sec .btn-group {margin-bottom: 30px;}
        #investor_sec .btn-block .btn:hover {cursor: pointer;}
        #investor_sec .btn-block-fix {    
            margin: 20px 0 20px; margin-top: 30px; text-align: center; position: fixed; 
            z-index: 3; bottom: 30px; left: 0; right: 0;}

        #investor_sec .form_investors .color_req {color: red;}	
        #investor_sec .form_investors label {font-size: 20px; margin: 0; color: #394a50;}
        #investor_sec .form_investors .color-lab { font-size: 18px; color: #838e92;}
        #investor_sec .form_investors .investor-step input, #investor_sec .form_investors .investor-step textarea {
            border-radius: 0; padding: 5px 10px; color: #01b4bd; font-size: 20px;
            -webkit-transition: border linear .2s,box-shadow linear .2s;
            -moz-transition: border linear .2s,box-shadow linear .2s;
            -o-transition: border linear .2s,box-shadow linear .2s;
            transition: border linear .2s,box-shadow linear .2s;
            outline: 0; border: none; border-bottom: 1px solid #ced4da;}
        #investor_sec .form_investors .investor-step input:focus, #investor_sec .form_investors .investor-step textarea:focus {
            box-shadow: 0 1px 0 0 #2fb2e6 !important; border-bottom: 1px solid #0be1d7; background-color: #f6f7f9;}	
        #investor_sec .form_investors .investor-step select {
            background-color: #f1f4f7; border-radius: 4px; cursor: pointer; padding: 5px; border: none;
            outline: none; overflow: hidden; position: relative; width: 100%;}
        #investor_sec ::-webkit-input-placeholder {color: #86909a;}
        #investor_sec ::-moz-placeholder {color: #86909a;}
        #investor_sec :-ms-input-placeholder {color: #86909a;}
        #investor_sec :-moz-placeholder {color: #86909a;}	

        #investor_sec .form_investors .form-control:focus {box-shadow: none;}	
        #investor_sec .form-inline .form-group {margin-bottom: 30px;}
        #investor_sec .form_investors .text-muted {    
            color: #86909a!important; font-family: sans-serif, Arial; line-height: 20px; font-size: 14px;}

        #investor_sec #errorModal h4 {font-size: 28px;}
        #errorModal .close:hover {cursor: pointer;}
        #errorModal button:focus {outline: none;}
        #investor_sec #errorModal .modal-body {font-size: 20px; color: #3e4c56;}

        #investor_sec .add_photo .img_photo_add {margin-top: 20px;}
        #investor_sec .btn-block-add {margin: 40px 0 20px;}
        #investor_sec .req_color {color: red;}
        #investor_sec .agreem-text {margin-top: 40px; margin-bottom: 30px; text-align: left;}
        #investor_sec .agreem-text p {font-size: 16px; line-height: 24px; color: #686a6d; font-family: sans-serif, Arial;}
        #investor_sec .agreem-text p b {font-weight: 600;}
        #investor_sec .submit-btn .btn-darkblue {width: 100%; border-radius: 4px;}

        #investor_sec .success-bl .img-success {max-width: 250px;}
        #investor_sec .success-block .h4_add {margin-bottom: 1.25em;}
        #investor_sec .success-block .success-text {text-align: left; margin-top: 40px;}
        #investor_sec .success-block .success-text strong {color: #00b8c1;}

        #investor_sec .success-block {margin-top: 30px;}
        #investor_sec .success-block table td {min-width: 40%; font-size: 18px;}

        
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /* Privacy Policy */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .privacy_section {margin-top: 40px;}
        .privacy_section .privacy_block {
            margin-bottom: 50px; background: #fff; border-radius: 5px; padding: 40px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);}
        .privacy_section .privacy_block h4 {font-size: 34px; color: #307492;}
        .privacy_section .privacy_block h5 {font-size: 20px; color: #3a4652;}
        .privacy_section .privacy_block p,  .privacy_section .privacy_block ul li{    
            font-size: 16px; line-height: 24px; font-family: sans-serif, Arial; color: #555b5f;}
        .privacy_section .privacy_block a {
            color: #178ec1; font-weight: 500; text-decoration: underline; font-family: 'Ubuntu-M', sans-serif, Arial;}
        .privacy_section .privacy_block a:hover {text-decoration: none; color: #299ed0;}	
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    /* INVES_PANEL */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .dap_in_eth {margin-top: 1em; margin-bottom: 2em;}
    .dap_in_eth .btn {text-transform: uppercase;}
    .dap_in_eth img {max-width: 120px;}
    .Converter {
      font-family: 'Ubuntu-R', sans-serif, arial;
      max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 125%;
      -webkit-box-align: center;-ms-flex-align: center;align-items: center; 
      -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin: 0 auto;}
    .Equals {
      font-size: 150%; -webkit-box-flex: 0; -ms-flex: 0; flex: 0;
      text-align: center; color: #333; margin: 1.7em .2em 0;}
    .dap_in_eth .Input {padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
    .dap_in_eth .Input__label {
      position: inherit; display: block; font-family: 'Ubuntu-R', sans-serif, arial;
      color: #245269; font-size: smaller; margin: .1em .5em .25em; min-height: 3.5em;
      -webkit-transition: color 0.33s, -webkit-transform 0.33s;
      transition: color 0.33s, -webkit-transform 0.33s; transition: color 0.33s, transform 0.33s;
      transition: color 0.33s, transform 0.33s, -webkit-transform 0.33s;}
    .dap_in_eth .Input__input {
        -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s;
        -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s;
        border: none; border-bottom: 1px solid #c1cbd5; display: block;
        width: 100%; padding: 0.5em 0.25em; font-size: 1.5rem;
        -webkit-box-sizing: border-box; box-sizing: border-box;
        color: #313a3e; background: #f9f9f9;}
    .dap_in_eth .Input__input:focus {
        box-shadow: 0 1px 0 0 #2fb2e6 !important; background-color: #f6f7f9;
        outline: none; border-bottom: 1px solid #0be1d7; color: #10b1cf;}
    .dap_in_eth .Input--focus__input {border-bottom: 2px solid #21e1a0; border-top: none; color: #111;}
    .dap_in_eth .Input--focus__label {color: #21e1a0; -webkit-transform: translatey(.1rem); transform: translatey(.1rem)}
    .investor-step .investment_inp {
        font-size: 1.3rem;
        -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s;
        -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s; background-color: #ffffff;
        border: none; border-bottom: 1px solid #c1cbd5; border-radius: 0; box-sizing: border-box;}
    .investor-step .investment_inp:focus {
        background-color: #f6f7f9; border-bottom: 1px solid #0be1d7; box-shadow: 0 1px 0 0 #2fb2e6 !important;}
    .dap_in_eth .buytokens input {
        text-align: center; font-weight: 500; border-bottom: none; color: #407081;    
        background-color: #ffffff; font-family: 'Ubuntu-M'; display: inline-block; max-width: 40rem;}
    .dap_in_eth .buytokens label {font-weight: 500; padding: 0px; color: #274452; font-family: 'Ubuntu-M';} 
    .buytokens .form-control {border: none; border-bottom: solid 2px #dee4ea; border-radius: 0px;background-color: #ffffff;}
    .buytokens input {font-weight: 600; font-size: 18px;} 
    .buytokens label {color: #355665; font-size: 18px; font-family: 'Ubuntu-M';} 
    .buytokens .form-control:focus {box-shadow: none;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (min-width:992px){
        .col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}
        .col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}
        .col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}
        .col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}
        .col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}
        .col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}
        .col-md-offset-0{margin-left:0}}    
/*==================================================================*/
/* Different MEDIA-QUERIES to Adapt for all devices */
/*==================================================================*/
    /* (min-width : 1024px) and (max-width : 1400 */
    @media (min-width : 1024px) and (max-width : 1400px) {
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 30px;}	
        .title h2 {font-size: 36px;}
        .carousel-caption h1 {font-size: 42px;}		
        #ethereum ul li {margin: 0;}
        #ethereum .inner p {font-size: 18px;}
        #summary p {font-size: 20px;}
        .feat-list h4 {font-size: 20px;}
    }
    /* max-width: 1200px */
    @media (min-width : 1024px) and (max-width: 1199px) {
        #ethereum .feat-list {min-height: 200px;}	
        .carousel-caption h1 {font-size: 38px;}		
        .carousel-caption h2 {font-size: 32px;}	
        #step .step-one p {min-height: 180px;}	
        #summary img {max-width: 100%;}
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* (min-width : 768px) and (max-width : 1024px)*/
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
        .title h2 {font-size: 32px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 26px;}	
        .carousel-caption h1 {font-size: 40px;}
        .feat-list h4 {font-size: 20px;}
        .head-btn {margin: 40px 0 20px;}
        #ethereum ul li {margin: 0;}
        #ethereum .inner p {font-size: 16px;}
        #summary p {font-size: 19px;}
        .btn-price {padding: 7px 25px;}
        .btn-section {text-align: center;}
        #feature {padding-top: 75px;}
        .row-feat {padding-top: 10px; padding-bottom: 40px;}
        #feature-2 {padding: 80px 0 80px;}
        .feature-2-pic {margin-top: 40px;}
        #client img {margin: 10px 0 10px; max-height: 40px;}	
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* (min-width : 768px) and (max-width : 1024px) */
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
        .title h2 {font-size: 32px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 26px;}	
        .carousel-caption h1 {font-size: 40px;}
        .feat-list h4 {font-size: 20px;}
        #ethereum ul li {margin: 0;}
        #ethereum .inner p {font-size: 16px;}
        #summary p {font-size: 19px;}
        .logo {margin: 100px 0 30px 0;}
        .landing h1 {margin: 85px 0 60px 0;}	
        .landing-text {margin: 60px 0 40px 0;}
        .f {margin-top: 30px;}	
        .feat-list {margin-top: 10px;}
        .feat-list p {font-size: 15px;}
        .feature-2-pic {margin-top: 50px;}
        #client img {max-height: 45px;}	
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 992px */
    @media (max-width: 992px) { 
        .intro-pic {text-align: center;}
        .intro-pic img {max-width: 60% !important;}
        #ethereum ul li {margin: 0;}
        #ethereum .inner p {font-size: 16px;}
        #summary p {font-size: 18px;}
        #intro {padding: 40px 0 40px;}
        #works {padding: 60px 0 40px;}
        #ethereum {padding: 60px 0 60px;}
        .text-mar-left {margin-left: 0px;}
        .feat-list:hover {box-shadow: none; background: none;}	
        #ourteam .ourteam-pers {min-height: 320px; padding: 5px;}		
        #ourteam .ourteam .screen img {max-width: 100%;}
        .navbar-default .navbar-nav>li>a {font-size: 14px; padding: 5px 5px;}
        .navbar-default .navbar-nav .login-link {width: 100px;}
        .navbar-default .navbar-nav {padding-bottom: 15px; padding-left: 15px;}
        #ourteam .ourteam h3 {font-size: 16px;}
        body {font-size: 16px; line-height: 22px;}
        .usecases-block .usecases-block-text {min-height: 180px;}
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 767px */
    @media (max-width: 767px) {
        .timeline-body > p, .timeline-body > ul {font-size: 16px;}
        .timeline > li > .timeline-panel {padding: 7px;}
        .title h2 {font-size: 26px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 26px;}	
        .carousel-caption h1 {font-size: 38px;}
        .carousel-caption h3 {font-size: 28px;}
        .feat-list h4 {font-size: 19px; margin-top: 30px;}
        .feat-list {padding: 0; border-left: none; margin-bottom: 0px; margin-top: 0px;}
        .timeline > li > .timeline-panel:hover {background: rgba(255, 255, 255, 0.07)}
        .timeline > li > .timeline-panel:hover p {color: #fff;}
        .timeline > li:not(.timeline-inverted) {padding-right: 0;}
        .timeline > li.timeline-inverted {padding-left: 0;}
        .timeline > li > .timeline-panel:before, 
        .timeline > li > .timeline-panel:after {display: none!important;}
        .main-content {text-align: center!important;}
        .logo {margin: 40px 0 30px 0;}
        .btn-section {text-align: center;}
        #feature {padding-top: 50px;}
        .row-feat {padding-top: 10px; padding-bottom: 40px;}
        .feat-list i {padding-left: 40px;}
        #feature-2 {padding: 40px 0 50px;}
        .feature-2-pic {margin-top: 50px;}
        #package {padding-top: 80px;}
        .package-option {padding: 50px 0 50px;}
        .price-box {margin-bottom: 30px;}
        #client img {margin: 10px 0 10px;}
        #ourteam .ourteam .screen img {max-width: 200px;}
        .usecases-block .usecases-block-text {min-height: auto;}
        #press {margin-bottom: 20px;}
        .Equals {margin: 2.2em .2em 0;}
    }	
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 667px */
    @media (max-width: 667px) {
        .title h2 {font-size: 30px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}	
        .carousel-caption h1 {font-size: 36px;}
        .carousel-caption h2 {font-size: 28px;}
        .feat-list {min-height: 230px;}
        .subscribe-form .btn {padding: 0 15px;}
        .logo {margin: 30px 0 30px 0;}
        .landing h1 {font-size: 50px; margin: 85px 0 25px 0;}
        .landing-text {margin-top: 20px;}
        .subscribe p {margin: 25px auto 15px;}		
        .action h2 {margin-top: 70px;}			
        .carousel-caption .main-content h1 {font-size: 36px;}
        .carousel-caption .main-content .h_ru {font-size: 30px;}
        .carousel-caption .main-content .h_china {font-size: 42px;}			
        .timeline-horizontal {margin-left: 10px;}
        #ourteam .fullscreen {background-image: none; background-color: #022b3d;}
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 568px */
    @media (max-width: 568px){
        .title h2 {font-size: 30px;}
        .title h3 {font-size: 26px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}	
        .carousel-caption h1 {font-size: 30px;}
        .carousel-caption h3 {font-size: 25px;}
        .carousel-caption .eth-old {font-size: 18px;}
        .main-content {text-align: center!important;}
        .intro-pic img {max-width: 100% !important;}
        .milusers .descr .decor {font-size: 24px;}
        .feat-list {min-height: 240px;}
        .milusers .descr p {font-size: 16px;}
        .head-btn .btn-primary {margin: 10px 0 10px; padding: 10px 20px; font-size: 16px; height: 45px;}
        .head-btn .btn-default  {margin: 10px 0 10px; padding: 10px 20px; font-size: 16px; height: 45px;}
        .subscribe-form .form-control {font-size: 14px;}
        .logo {margin: 15px 0 15px 0;}
        #feature {padding-top: 50px;}
        .feat-list i {padding-left: 20px;}
        #feature-2 {padding: 50px 0 70px;}
        .screenshots {padding-top: 30px;}
        #testi {padding: 70px 0 70px;}
        .testi-item .box .message {line-height: 25px; font-size: 18px;}
        .action h2 {margin: 50px 0 20px;}		
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 480px */
    @media (max-width: 480px) {
        .title h2 {font-size: 30px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}				
        #summary .step h3 {font-size: 18px;}
        #block, .carousel-inner .parallax {min-height: 720px;}
        .carousel-caption .main-content h1 {font-size: 30px; margin: 20px 0 10px;}
        .carousel-caption .main-content .h_ru {font-size: 30px;}
        .carousel-caption .main-content .h_china {font-size: 38px;}
        .carousel-caption .main-content h2 {font-size: 22px;}
        .carousel-caption .main-content h3 {font-size: 20px; text-shadow: none;}
        .head-btn a {display: inline-block;}
        .feat-list h4 {font-size: 18px;}			
        .subscribe-form {margin: 20px auto 20px;}
        #ourteam .ourteam .descr p {font-size: 14px;}
        #ourteam .ourteam h3 {font-size: 16px;}		
        .milusers .descr .decor {font-size: 18px;}
        .carousel-caption .title-line {margin-bottom: 30px;}
        #step .step-one p {min-height: auto; padding: 10px 10px 20px;border-radius: 0;}
        #step .step-one {min-height: auto; border-radius:0;}
        #intro p {padding: 0; border-left: none!important;box-shadow:none;}
        #intro .intro-block {padding: 0; border-radius: 0; box-shadow: none;}
        #step .step-one:hover {box-shadow:none;}
        .statistic {padding: 20px 5px 40px;}
        .press-state {background: inherit; box-shadow: none;}
        .press-block h3 {min-height: auto; padding: 0;}
        #footer .social li {width: 100%; margin-bottom: 15px;}
        .btn-default {padding: 10px 15px; font-size: 16px;}
        .btn-default:hover {padding: 10px 15px; font-size: 16px;} 
        .btn-primary {margin: 10px 0 10px; padding: 10px 15px; font-size: 16px; height: 45px;}
        .feat-list i {padding-left: 5px;}
        .action h2 {font-size: 30px;}	
        .head-btn {margin: 20px 0 20px;}	
        .head-btn .btn-gradient-color {padding: 12px 20px; font-size: 16px;}
        .btn-gradient-color, .btn-pink-color, .btn-green-color {padding: 12px 20px; font-size: 16px; margin: 10px 0;}
        #tokensale {padding: 40px 0;}
        .ibuildapp h2 {font-size: 26px;}
        .ibuildapp .ibuildapp-text {padding: 20px 10px;}
        .ibuildapp ul {font-size: 18px;}
        #tokensale img {max-width: 100%;}
        .btn-darkblue {font-size: 18px; width: 180px; padding: 13px 20px;}		
        .modal-title {font-size: 26px; line-height: 1.2;}	
    }
    
    @media (max-width: 480px) {
            #investor_sec .invest_title h1 {font-size: 30px;}
            #investor_sec .investor-step h3 {font-size: 20px;}
            #investor_sec {padding-top: 0px;}
            #investor_sec .investor-step .invest_inform h4 {font-size: 16px;}
            #investor_sec .investor-step {padding: 20px 10px 120px;}
            #investor_sec ul { -webkit-padding-start: 15px;}
            #investor_sec .investor-step .invest_inform p {font-size: 14px; line-height: 22px;}
            #investor_sec .btn-group label {font-size: 20px; margin: 0 10px;}
            .btn-add-photo {padding: 20px; min-height: 80px;}
            #investor_sec .add_photo label {font-size: .8em; min-height: 6em;}
            .dap_in_eth .Input__label {    min-height: 6em;}
            .Equals {margin: 3.3em .2em 0;}
        }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 360px */
    @media (max-width: 360px) {
        body {font-size: 16px; line-height: 22px;}
        .container-fluid {padding-left: 5px !important; padding-right: 5px !important;}
        .title h2 {font-size: 32px;}
        .title h3 {font-size: 18px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 32px;}		
        #summary .step h3 {font-size: 18px;}	
        #intro h2, #feature h2, #feature-2 h2 {font-size: 30px;}
        .social-top {margin-top: 10px;}
        .timeline > li > .timeline-panel {background: none; border: none; box-shadow: none;}
        .timeline > li > .timeline-panel:after {display: none;}
        .timeline > li > .timeline-panel:before {display: none;}
        .timeline-title {font-size: 14px;}
        .timeline > li > .timeline-badge {width: 30px; height: 30px; margin-left: -15px; line-height: 30px;}
        .timeline .timeline-badge .fa {margin-top: 0px; font-size: 17px;}
        .carousel-caption .main-content h1 {font-size: 24px; margin: 20px 0 10px;}
        .carousel-caption .main-content h1 .decor-h {font-size: 36px;}
        .carousel-caption .main-content h2 {margin-top: 0px; font-size: 20px;}
        .timeline > li.timeline-inverted {padding-left: 30px;}
        .timeline > li:not(.timeline-inverted) {padding-right: 0px;}
        .feat-list {min-height: 250px;}		
        #screenshot .owl-theme .owl-controls {display: none}
        .democratized img {max-width: 220px;}
        .social-top li {padding-right: 0;}
        .feat-list i {padding-left: 0;}
        #feature .inner {padding-left: 15px;}	
        .usecases-block .usecases-block-icon {width: 54px; height: 54px; line-height: 52px; font-size: 32px;}
        .usecases-block .usecases-block-text {margin-left: 65px;}
        #summary .summary-block img {max-width: 50px;}
        #summary .step h3 {margin-left: 70px;}
        #summary p {margin-left: 70px;}
        .subscribe-form .btn {padding: 0 5px; height: 40px; line-height: 40px !important;}

    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* max-width: 320px */
    @media (max-width: 320px) {
        .title h2 {font-size: 26px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}
        #ourteam .ourteam .descr p {font-size: 12px;}
        #ourteam .ourteam h3 {font-size: 14px;}	
        .logo {margin: 30px 0 20px 0;}
        .btn-default {font-size: 14px; padding: 10px 10px;}
        .btn-default:hover { padding: 10px 10px; font-size: 14px;} 
        .feat-list i {padding-left: 0; display: none;}	
        .dap_in_eth .Input__input {font-size: 1.2rem;}
        #investor_sec .col-md-10 {padding-right: 0px; padding-left: 0px;}
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/