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

/* font for faq Hackathon */
@font-face {
    font-family: 'menlo';
    src: url('../fonts/menlo.eot');
    src: local('☺'), url('../fonts/menlo.woff') format('woff'), url('../fonts/menlo.ttf') format('truetype'), 
    url('../fonts/menlo.svg') format('svg'), url('../fonts/menlo.eot') format('truetype');
    font-weight: normal; font-style: normal;}

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

    .navbar-brand {padding: 10px;}
    .title h2 {font-size: 40px; font-weight: 400; color: #334d6b;}
    .title {margin-bottom: 40px;}
    .btn-section {padding-top: 40px; padding-bottom: 60px;}

    .highlight {color: #1fe284;}
    #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:top center;}
    .overlay {background-color: rgba(10, 48, 69, 0.61); position: relative; width: 100%; min-height: 100%; display: block;}
    .landing .overlay {min-height: 100vh;}
    .text-mar-left {margin-left: 30px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* 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: #0d182354;}
    .navbar-default:hover {background-color: #0d18238c;}
    .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: #28eec1!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-nav .dropdown:hover {background: rgba(255, 255, 255, 0.2);}
    .navbar-default .navbar-nav .dropdown:hover ul li a {color: #333;}
    .navbar-default .navbar-nav .dropdown:hover a {color: #ffffff;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background: none;}
    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {background-color: #063a4f;}	
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
        .navbar-default .navbar-nav .dropdown:hover a {background-color: #063a4f;}
        .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
            background-color: #063a4f;}
        .navbar-default .navbar-nav .dropdown:hover ul li a {color: #fff;}
    }
    .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: 15px; padding-bottom: 15px; font-size: 16px; 
        font-family: 'Ubuntu-R', sans-serif, Arial; text-transform: uppercase;}
    .navbar-header {height: 80px;}
    .navbar-nav {margin: 15px -15px 0;}
    .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;}
    .site-name img {width: 150px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
/* Button */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .btn {vertical-align: inherit;}
    .btn .fa { margin-left: 8px; margin-right: 8px; font-size: 20px;}
    .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, #11a97f 0%, #2bf5bd 100%);
        background-image: -o-linear-gradient(bottom, #11a97f 0%, #2bf5bd 100%);
        background-image: linear-gradient(to top, #11a97f 0%, #2bf5bd 100%)	;
        text-shadow: none; border-radius: 8px;}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, 
    .open > .dropdown-toggle.btn-default {border: none; background: #009463; color: #fff;}
    .btn-primary {
        font-size: 18px; line-height: 20px; color: #ffffff; text-transform: uppercase;
        border-radius: 8px; padding: 14px 36px; background: inherit;
        border: solid 2px #28eeb8; transition: all 0.6s;}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, 
    .btn-primary.active, .open > .dropdown-toggle.btn-primary {    
        transition: all .4s ease; border: 2px solid #28eeb8; background: #28eeb8; color: #022c3e;}
    .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));
        font-size: 18px; line-height: 20px; color: #ffffff; text-transform: uppercase;
        border-radius: 50px; padding: 15px 60px; border: 1px solid #01fce1; transition: all 0.6s;}
    .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 0.4s ease; border: 1px solid #089a8a; color: #ffffff;
        color: #cdfcfd;}
    
    .btn-create {
        background: #00ffdb; margin: 10px; font-family: 'Ubuntu-M', sans-serif, Arial;
        font-size: 18px; line-height: 20px; color: #18314d; text-transform: uppercase;
        border-radius: 50px; padding: 12px 30px; border: 2px solid #00ffdb; transition: all 0.6s;}
    .btn-create:hover, .btn-create:focus, .btn-create:active, 
    .btn-create.active, .open > .dropdown-toggle.btn-create {   
        background: #00b79d; transition: all 0.3s ease; border: 2px solid #00b79d; color: #ffffff;}
    
    .btn-bord-white {
        background: inherit; margin: 10px;
        font-size: 18px; line-height: 20px; color: #ffffff; text-transform: uppercase;
        border-radius: 50px; padding: 12px 40px; border: 2px solid #ffffff; transition: all 0.6s;}
    .btn-bord-white:hover, btn-bord-white:focus, .btn-bord-white:active, 
    .btn-bord-white.active, .open > .dropdown-toggle.btn-bord-white {   
        background: #00b79d; transition: all 0.3s ease; border: 2px solid #00b79d; color: #ffffff; }
    
    .btn-pink-color	 {
        background: #fd5066;
        font-size: 18px; line-height: 20px; color: #ffffff; text-transform: uppercase;
        border-radius: 50px; padding: 15px 60px; border: 1px solid #ff9eaa; transition: all 0.6s;}
    .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 0.4s ease; border: 1px solid #994852; color: #f7e9e9;}	

        .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-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-secondary {
        font-family: 'Ubuntu-R', sans-serif, Arial; font-size: 20px; font-weight: 300; line-height: 20px;
        padding: 20px 50px;	height: 65px; border: none;
        background: #1fe284; 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;}
    .button_main .btn-pink-color {margin-left: 15px;}
    @media (max-width: 992px) {
        .button_main .btn-pink-color {margin-left: 0px; margin-top: 10px;}
        .button_main .btn {display: inline-block;} }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* site_name_logo */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.logo img {width: 160px; height: 50px}
	.logo {margin: 80px 0 40px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MAIN_SCREEN */
/* MAIN_SCREEN_Caption*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .carousel-caption {left: 6%; right: 6%; top: 3%;}
    .carousel-caption h1{
        font-size: 58px; font-weight: 400; color: #fff; 
        margin: 80px 0 40px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
    /*.carousel-caption h3 {font-size: 30px; color: rgba(255, 255, 255, 0.84); text-shadow: none; font-weight: 400;}*/
    .carousel-caption .eth-old {font-size: 30px; color: #fff; text-shadow: none; font-weight: 400;}
    .carousel-caption .eth-new {
        margin-bottom: 0px; font-size: 30px; color: #fff; text-shadow: none; font-weight: 400; display: inline-block;}
    .eth-new:after {
        line-height: 30px; padding: 0px 10px; margin-top: 25px;
        content: "ETH 70,000";  color: #1fe284; text-shadow: none; font-size: 14px; margin-left: 40px;
        float: right; min-width: 80px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50px;}
    .eth-new:before {    
        line-height: 30px; padding: 0px 10px; margin-top: 25px;
        content: "ETH 0"; color: #1fe284; text-shadow: none; font-size: 14px; margin-right: 40px;
        float: left; min-width: 80px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50px; }   	
    .item {background: linear-gradient(to top left, rgb(97, 194, 255), rgba(37, 76, 171, 0.91) 80%); }
    .carousel-caption .btn-default {border: 2px solid #ffffff; color: #ffffff; height: 55px; width: 200px; display: inline-block;}
    .carousel-caption .btn-primary {height: 55px; width: 200px; display: inline-block;}
    .carousel-caption .btn-default:hover {border: 2px solid #ffffff; background: #ffffff; color: #1fe284; padding: 15px 50px;}
    .carousel-caption .btn-primary:hover {border: 2px solid #4660e9; background: #4660e9; color: #ffffff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MAIN_SCREEN */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#block, .carousel-inner .parallax {
	opacity: 0.6; min-height: 100%; min-height: 950px; background-attachment: fixed !important;
	background-size: cover; background-position: center center; background-repeat: no-repeat;}
	@media (min-width : 1400px) { #block, .carousel-inner .parallax {min-height: 1100px;}}
	
	.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity;}
	.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/bg.jpg');}
	.carousel-inner .item .item_two {background-image:url('../images/bg9.jpg');}
	.carousel-inner .item .item_three {background-image:url('../images/bg8.jpg');}
	.button_main {margin-top: 60px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* progress */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .progress {
        border-radius: 50px; margin: 10px auto 10px; padding: 3px;
        width: 550px; height: 45px; background-color: transparent;
        border: solid 2px rgba(255, 255, 255, 0.68); display: inline-block;}
    .progress-bar {    
        border-radius: 50px; background-color: #1fe284; font-size: 22px;
        text-shadow: none; line-height: 35px; font-weight: 600;}
    .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; margin: 10px auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
/* TIMER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .styled {padding: 20px 0 80px; display: block; color: rgba(255, 255, 255, 0.9);}
    .styled div {
        display: inline-block; font-size: 38px; font-weight: 400; text-align: center;
        width: 100px; height: 100px; padding: 25px 20px 10px; margin: 0 10px;
        background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.45);
        text-shadow: none; vertical-align: middle; border-radius: 50%;}
    .styled div span {
        margin-top: 5px; display: block; padding-top: 3px; font-size: 14px; font-weight: 400; text-align: center;}
    *+html .styled div{display: inline; zoom: 1;}
    .styled div:first-child {margin-left: 0;}
    @media (max-width: 736px) {	
        .styled {padding: 10px 0 40px; display: block; color: rgba(255, 255, 255, 0.99);}
        .styled div span {margin-top: 10px; font-size: 14px; font-weight: 400; text-align: center;}
        .styled div {
            background: none; border: none; font-size: 36px; margin-top: 10px; padding: 20px 0px 10px; width: 80px;height: 80px;}}
    @media (max-width: 480px) {
        .styled {padding: 10px 0 20px; display: block; color: rgba(255, 255, 255, 0.99);}
        .styled div {margin-top: 10px; padding: 10px 0px 10px; width: 60px;height: 60px;}}		
    @media (max-width: 360px) {
        .styled div span {margin-top: 10px; font-size: 10px; font-weight: 400; text-align: center;}
        .styled {padding: 10px 0 10px; display: block; color: rgba(255, 255, 255, 0.99);}
        .styled div {font-size: 30px; margin-top: 10px; padding: 10px 0px 10px; width: 40px;height: 50px;}}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*SUBSCRIBE*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.subscribe {color: #fff;}
	.subscribe p {margin: 30px auto 30px;}
	.subscribe-form {max-width: 460px; margin: 0 auto 20px; text-align: center; overflow: hidden;}	
	.subscribe-form form {position: relative;}
	.subscribe-form input {max-width: 85%; position: relative; padding: 5px 25px;}
	.subscribe-form .form-control {
		border-radius: 50px 0 0 50px; border: none; background-color: rgba(255, 255, 255, 0.9);
		color: #45464b; font-size: 22px; font-weight: 400; height: 50px;}
	.subscribe-form .btn {
		border-radius: 0 50px 50px 0;  background-color: #1fe284;	color: #ffffff;
		font-size: 1em;	line-height: 52px; position: absolute;
		top: 0px; right: 0px; padding: 0 30px; margin: 0; font-weight: 600;
		-webkit-transition: all .4s ease; transition: all .4s ease;}
	.subscribe-form .btn {height: 50px;}
	.subscribe-form .subscribe-btn {text-transform: uppercase; margin-right: 10px;}
	.subscribe-form .btn:hover {
		border: 1px solid #4660e9; background: #4660e9; 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;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*WHAT_IS_iBuildApp*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .ibuildapp .overlay {
        padding: 60px 0;
        background: -webkit-linear-gradient(top right, rgba(100, 188, 255, 0.71), rgba(76, 43, 178, 0.93) 80%);
        background: -o-linear-gradient(top right, rgba(100, 188, 255, 0.71), rgba(76, 43, 178, 0.93) 80%);
        background: linear-gradient(to bottom left, rgba(100, 188, 255, 0.71), rgba(76, 43, 178, 0.93) 80%);}
    /*.ibuildapp {background: #1fe284; padding-top: 60px; padding-bottom: 60px;}*/
    .ibuildapp h2 {color: #fff;}
    .ibuildapp p {font-size: 22px; color: rgb(255, 255, 255);}
    .ibuildapp .btn-default {border-color:#fff; color: #fff;}
    .ibuildapp .btn-default:hover {background: #fff; color: #1fe284; border-color:#fff;}
    .ibuildapp .btn-block {margin: 60px 0 20px;}
    .ibuildapp .title {margin-bottom: 20px;}
    .ibuildapp .title-line {background: #fff;}
    .ibuildapp .fullscreen {background-image:url('../images/1.jpg');}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* iBuildApp_utility_network_token */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #ethereum {padding: 80px 0;}
    #ethereum h2 {margin: 15px 0 15px 0; font-size: 38px; color: #1fe284;}
    #ethereum-feat {padding-top: 50px;}
    #ethereum img {max-width: 100%;margin: 40px auto;}
    .feat-list {
        min-height: 280px; margin-top: 40px; padding-top: 10px; -webkit-transition: all .8s ease; transition: all .8s ease;}
    .feat-list i {
        font-size: 40px; float: left; width: 18%; color: #555; height: 100%; position: relative; opacity: 0.6;
        -webkit-transition: all .8s ease; transition: all .8s ease;}
    .feat-list:hover {
        box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15); background: #fff4d0;}	
    .feat-list:hover i {color: #6057c4; -webkit-transition: all .8s ease; transition: all .8s ease;}
    .feat-list h4 {
        font-size: 24px; margin-top: 0px;
        -webkit-transition: all .8s ease; transition: all .8s ease; margin-bottom: 15px;}
    .feat-list:hover h4 {color: #6057c4; -webkit-transition: all .8s ease; transition: all .8s ease;}
    #ethereum .inner {float: left; display: inline-block; width: 80%;}
    #ethereum .inner p{font-size: 18px;}
    #ethereum .inner p b {font-weight: 400; font-family: 'Ubuntu-R', sans-serif, Arial; color: #666666;}
    #ethereum ul li {font-weight: 400; margin: 0 5px;}
    #ethereum .color {min-width: 15px; min-height: 15px; display: inline-block;  border-radius: 50%;}
    .ethereum-title {margin-bottom: 40px;}
    #ethereum .ethereum-budget h3 {margin: 30px 0 20px; -webkit-transition: all .8s ease; transition: all .8s ease;}
    #ethereum .ethereum-budget:hover h3 {margin: 30px 0 20px; color: #1fe284;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.decor-h {color: #28eec1; font-family: 'Ubuntu-M', sans-serif;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MOBILE_MARKET */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #partners {padding: 80px 0 40px; background: #f6f6f6}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MOBILE_MARKET */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #intro {padding: 80px 0 80px;}
    #intro h2 {margin: 15px 0 10px 0; font-size: 38px;}
    #intro .intro-pic {margin: 60px 0 60px;}
    #intro ul li {font-weight: 400; margin: 0 5px;}
    #intro .color {min-width: 15px; min-height: 15px; display: inline-block;  border-radius: 50%;}
    #intro img {max-width: 100%; margin: 0px auto 40px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Package */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #package {padding-top: 100px;}
    .title-line {width: 100px; height: 3px; margin: 0 auto; background: #1fe284;}
    .price-box {border: solid 1px #d1d1d1;}
    .package-option {padding: 50px 0 100px;}
    .package-option ul {padding: 0;}
    .price-heading h3 {margin-top: 0;}
    .price-heading i {color: #d1d1d1; font-size: 75px; margin-top: 20px;}
    .price-group {padding: 30px 0 10px;}
    .price-group .dollar {font-size: 20px; position: relative; bottom: 48px;}
    .price-group .price {color: #1fe284; font-size: 90px; font-weight: 500;}
    .price-group .time {font-size: 18px;}
    .price-feature li {margin-left: 30px; margin-right: 30px; list-style: none; border-bottom: solid 1px #d1d1d1; line-height: 40px;}
    .btn-price {
        margin: 5px 0 15px; font-size: 17px; padding: 7px 35px;
        height: 40px; background: #1fe284; transition: all 0.4s; color: white; border-radius: 4px;}
    .btn-price:hover {background: #1f96e0; color: white;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Roadmap */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #roadmap .fullscreen {background-image:url('../images/shutters.jpg');}
    #roadmap .overlay {
        background: -webkit-linear-gradient(top right, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);
        background: -o-linear-gradient(top right, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);
        background: linear-gradient(to bottom left, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);}
    #roadmap img {max-width: 600px; margin-top: 40px;}
    #roadmap {color: #fff;}
    #roadmap h2 {margin-top: 60px; margin-bottom: 20px; color: #fff;}
    #roadmap .btn-default:hover {border: 2px solid #ffffff; background: #ffffff; color: #1fe284; padding: 15px 50px;}
    #roadmap .btn-default {border: 2px solid #ffffff; color: #ffffff;}
    #roadmap .btn-block {padding: 40px 0 60px;}
    #roadmap .title-line {background: #fff;}
    .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: #eeeeee; left: 50%; margin-left: -1.5px;}
    .timeline > li {margin-bottom: 60px; 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 {margin-bottom: 0; font-size: 20px; font-weight: 500;}
    .timeline-body > p + p {margin-top: 5px;}
    .timeline-title {margin-top: 0; color: inherit; color: #ffde33;-webkit-transition: all .3s ease; transition: all .3s ease;}
    .timeline > li > .timeline-panel {
        -webkit-transition: all .8s ease; transition: all .8s ease;
        background: rgba(255, 255, 255, 0.07); width: 50%; float: left; border: 1px solid #d4d4d4;
        border-radius: 2px; padding: 20px; position: relative; cursor: default;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
    .timeline > li > .timeline-panel:hover {background: #fff; -webkit-transition: all .8s ease; transition: all .8s ease;}
    .timeline > li > .timeline-panel:hover p {color: #777;}
    .timeline > li > .timeline-panel:hover h4 {color: #1fe284;}
    .timeline .timeline-badge .fa {margin-top: 17px; font-size: 35px;}
    .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 #ccc;
        border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " ";}
    .timeline > li > .timeline-panel:after {
        position: absolute; top: 27px; right: -14px; display: inline-block;
        border-top: 14px solid transparent; border-left: 14px solid #fff;
        border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " ";}
    .timeline > li > .timeline-badge {
        color: #fff; width: 70px; height: 70px; line-height: 50px;
        font-size: 1.4em; text-align: center; position: absolute; top: 10px; left: 50%;
        margin-left: -35px; background-color: #3fb0f7; z-index: 100;
        border-top-right-radius: 50%; border-top-left-radius: 50%;
        border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
    .timeline > li.timeline-inverted > .timeline-panel {float: right;}
    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;}
    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
    .timeline-badge.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;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Subscribe_Section */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #sectionibuild .fullscreen {background-image:url('../images/shutters.jpg');}
    #sectionibuild .overlay {
        background: -webkit-linear-gradient(top right, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);
        background: -o-linear-gradient(top right, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);
        background: linear-gradient(to bottom left, rgba(63, 157, 228, 0.65), rgba(159, 26, 193, 0.84) 80%);}
    #sectionibuild img {max-width: 600px; margin-top: 40px;}
    #sectionibuild {color: #fff;}
    #sectionibuild h2 {margin-top: 60px; margin-bottom: 20px; color: #fff;}
    #sectionibuild .btn-default:hover {border: 2px solid #ffffff; background: #ffffff; color: #1fe284; padding: 15px 50px;}
    #sectionibuild .btn-default {border: 2px solid #ffffff; color: #ffffff;}
    #sectionibuild .btn-block {padding: 40px 0 60px;}
    #sectionibuild .title-line {background: #fff;}
    #sectionibuild .subscribesec-text {font-weight: 400;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 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 .ourteam {margin-top: 25px;}
    #ourteam .ourteam .screen {margin: 0 auto;; display: block; max-width: 100%; text-align: center;}
    #ourteam .ourteam .screen img {
        margin-bottom: 25px; box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.3), 0 8px 8px 0 rgba(0, 0, 0, 0.15);
        width: 190px; max-width: 100%; border-radius: 50%; 
        transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #ourteam .ourteam .descr p {margin: 0; padding: 0;}
    #ourteam .ourteam .descr {min-height: 120px;}
    #ourteam .ourteam .descr .small {font-size: 12px; color: rgba(63, 176, 247, 0.72);}
    #ourteam .ourteam h3 {
        margin: 0; font-size: 20px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    #ourteam .ourteam .screen:hover h3{color:#1fe284;}
    #ourteam .linkedin { color: #f3f6f9f5; transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; font-size: 20px;}
    #ourteam .ourteam .screen:hover .linkedin {color:#1fe284;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
/* Democratized_Web-Building */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .democratized {padding: 60px 0 60px; background: #f6f6f6;}
    .democratized h2 {margin-bottom: 20px;}
    .democratized h3 {margin-bottom: 20px;}
    .democratized .descr p {font-weight: 500;}
    .democratized .btn-default {border-color:#fff; color: #fff;}
    .democratized .btn-default:hover {background: #fff; color: #1fe284; border-color:#fff;}
    .democratized .btn-block {margin: 40px 0 20px;}
    .democratized img {max-width: 240px;}
    .democratized .descr {margin-top: 10px;}
    .democratized .descr .decor {font-size: 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .democratized .hover-sh {margin-bottom: 15px; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;}
    .democratized .hover-sh:hover {box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);}
    .democratized .hover-sh:hover  .descr .decor {color: #8357cf;}
    .democratized .democr-ex {margin-top: 40px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Million_Users */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .milusers .fullscreen {background-image:url('../images/1.jpg');}
    .milusers .overlay {
        padding: 80px 0;
        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%);}
    .milusers h2 {color: #fff; margin-bottom: 20px;}
    .milusers h3 {color: #fff; margin-bottom: 40px; font-weight: 300;}
    .milusers p {font-weight: 500; color: rgb(255, 255, 255);}
    .milusers .btn-default {border-color:#fff; color: #fff;}
    .milusers .btn-default:hover {background: #fff; color: #1fe284; border-color:#fff;}
    .milusers .btn-block {margin: 40px 0 20px;}
    .milusers img {max-width: 100px;}
    .milusers .descr p {font-size: 20px; color: #fff;}
    .milusers .descr {margin-top: 30px;}
    .milusers .descr .decor {font-size: 30px; color: #ffde33; font-family: 'Ubuntu-R', sans-serif, Arial;}
    .milusers .milusers-list {margin-top: 60px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* All_PAGE */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .cont-page .overlay {
        padding: 80px 0 60px;
        background: -webkit-linear-gradient(top right, rgba(111, 192, 255, 0.65), rgba(123, 62, 203, 0.85) 80%);
        background: -o-linear-gradient(top right, rgba(111, 192, 255, 0.65), rgba(123, 62, 203, 0.85) 80%);
        background: linear-gradient(to bottom left, rgba(111, 192, 255, 0.65), rgba(123, 62, 203, 0.85) 80%);}
    .cont-page .title {margin: 40px 0 40px;}	
    .cont-page h2 {color: #fff; margin-bottom: 20px;}	
    .cont-page-text {margin-top: 60px; margin-bottom: 60px;}
    .cont-page-text p, .cont-page-text ul li {font-size: 16px;}
    .ol-terms {list-style: none !important;}
    .numone {padding-right: 10px;}
    .numtwo {padding-right: 10px; }
    .block_terms {margin-bottom: 60px;}
    .block_terms ol {list-style: none !important;}
    .block_terms h3 {color: #3fb0f7;}	
    .cont-page-text .onefaq {transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .onefaq:hover h5 {color: #1fe284;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* How_It_Works */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#works {padding: 100px 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;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Mobile_Apps_Market */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#mobile-apps h2 {margin: 20px 0 15px 0; font-size: 38px;}
	#mobile-apps {padding: 40px 0 80px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Customers */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #screenshot {padding: 20px 0 0; margin-bottom: -60px;}
    #screenshot h2 {margin: 20px 0 15px 0;}
    #screenshot img {max-width: 100%; opacity: 0.8; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    #screenshot img:hover {opacity: 1;}
    #screenshot .screenshots {margin: 60px 0 40px;}
    #screenshot .screenshots img {margin-bottom: 20px;}
    #screenshot .owl-theme .owl-controls .owl-page span {background: #09756f;}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 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 a:hover { }
    .ul-address li {padding-right: 20px; margin-bottom: 8px; list-style: none;}
    .ul-address i {margin-left: 15px; position: absolute; left: 0; color: #1fe284; 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: #1fe284;
        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;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.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: 80px; padding-bottom: .3em;}
    #footer .social li a {	
        font-size: 34px; 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;}    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .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: #1fe284; color: #fff; border-bottom: 0; text-transform: uppercase;}
    .table > thead > tr > th, .table > tbody > tr > td {font-size: 15px; font-weight: 300; padding: 20px 20px; }
    .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(0, 0, 0, 0.2);
        color: white; position: fixed; bottom: 40px; right: 20px;}
    .scrollToTop:hover {color: #1fe284;}
    .control-group .controls {overflow-x: hidden;}
    .footer .scrollToTop {font-size: 30px; color: #fff;}
    .footer .scrollToTop:hover {color: #1fe284;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* New_Subscribe */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #summary h2 {color: #fff;}
    #summary p {color: rgb(255, 255, 255); font-size: 20px; font-weight: 400;}
    #summary .overlay {
        padding: 60px 0 60px;
        background: -webkit-linear-gradient(top right, rgba(215, 0, 136, 0.91), rgba(0, 69, 224, 0.91) 70%);
        background: -o-linear-gradient(top right, rgba(215, 0, 136, 0.91), rgba(0, 69, 224, 0.91) 70%);
        background: linear-gradient(to top left, rgba(215, 0, 136, 0.91), rgba(67, 32, 207, 0.91) 70%);}
    #summary .btn-default {border-color:#fff; color: #fff;}
    #summary .btn-default:hover {background: #fff; color: #1fe284; border-color:#fff;}
    #summary img {max-width: 100%;}
    #summary .step h3 {color: #ffde33;}
    #summary .title-line {background: #fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Modal Sign */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .modal-open .modal {max-height: 100%;}
    .modal .close {
        font-size: 50px; font-weight: 300; position: absolute; top: -45px; right: -45px; color: #fff;
        text-shadow: none; opacity: 0.7; border-radius: 100%; padding: 0px 7px;}
    .modal .close:hover {opacity: 1;}    
    #myModal {overflow: auto !important; padding-right: 0px !important;}
    #myModal {font-family: Tahoma, sans-serif, Arial;}
    .modal-footer {text-align: center; border-radius: 0; }	
    .modal-header {border-bottom: none;}
    .modal-header h2 {font-size: 40px; font-weight: 300; color: #1fe284;}
    .modal-header h4 {font-size: 18px; color: #022c3e; font-family: Tahoma, sans-serif, Arial;}
    #myModal .text-security {margin: 15px 0 0; color: #535353; font-size: 16px;}
    .modal-body p {font-size: 18px; }
    .inbuilder .modal-body {font-family: Tahoma, sans-serif, Arial; padding: 0;}
    .modal-body .btn-primary {
        font-size: 17px; width: 100%; border-radius: 8px; border: solid 2px #0ebd83;
        font-weight: 500; text-transform: uppercase; color: #0ebd83;}
    .modal-content {padding: 0px; border-radius: 0;}	
    .modal-content .issue {margin-bottom: 20px; font-size: 16px; font-weight: 600;}
    .sign-block {padding-top: 0px; padding-bottom: 20px;}
    .sign-in .sign-block {padding-top: 15px; padding-bottom: 20px;}
    .sign-block .btn .fa {margin-left: 8px; margin-right: 15px; font-size: 26px; color: #fff;}
    .form-modal textarea {position: relative; padding: 10px 25px; width: 100%; height: 120px !important;}
    .form-modal .btn {
        font-family: 'Ubuntu-M',sans-serif,Arial; height: 55px; width: 100%; background-color: #15a77e;
        color: #ffffff; font-size: 17px !important; line-height: 18px; padding: 16px 33px; border: none; 
        margin: 0; -webkit-transition: all .8s ease; transition: all .8s ease;}
    .form-modal .btn:hover, .form-modal .btn-default:hover, .form-modal .btn-default:focus, 
    .form-modal .btn-default:active, .form-modal .btn-default.active {
        background: linear-gradient(to bottom,#ff8569 0,#d85233 100%);
        border: 1px solid #f96543; background: #ff8569; -webkit-transition: all .8s ease; transition: all .8s ease;}
    .form-modal .btn-google	{
        height: 50px; padding: 8px 0; border: 1px solid #f96543; width: 340px; max-width: 100%;
        background: -moz-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8569),color-stop(100%,#d85233));
        background: -webkit-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -o-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -ms-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: linear-gradient(to bottom,#ff8569 0,#d85233 100%);
    }
    .form-modal .btn-google:hover {
        border: 1px solid #f96543; text-decoration: underline;
        background: -moz-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8569),color-stop(100%,#d85233));
        background: -webkit-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -o-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: -ms-linear-gradient(top,#ff8569 0,#d85233 100%);
        background: linear-gradient(to bottom,#ff8569 0,#d85233 100%);
    }
    @media (min-width: 1200px) { .form-modal .btn-google {width: 300px;}}
    .form-modal .btn-sign {
        background: #2fa0e4; color: #fff; font-size: 16px; border-radius: 50px;}
    .form-modal .btn-sign:hover {
        background: #48b8fa; color: #fff; font-size: 16px; border-radius: 50px; border: none;}	
    .terms_block a {color: #3291d3;}
    .terms_block a:hover {text-decoration: underline;}
    .form-modal .form-control {
        border-radius: 0; width: 100%;    
        border-bottom: 1px solid rgba(0,0,0,0.1) !important; box-shadow: none; 
        background-color: rgb(250, 255, 189);
        color: #555 !important; font-size: 20px; height: 40px; 
        -webkit-transition: all .6s ease; transition: all .6s ease}
    .form-modal input {border: none; position: relative; padding: 5px 5px;}
    .form-modal .form-control:focus	{
        box-shadow: 0 1px 0 0 #2fb2e6 !important; color: #555 !important;
        -webkit-transition: all .6s ease; transition: all .6s ease;
        border-bottom: solid 1px #2fb2e6 !important;}
    .form-modal .signin-block {text-align: left; margin-top: 20px;}	
    .signin {margin-right: 0px!important; margin-left: 0px!important; }
    @media (min-width: 1100px){ 
        .signin:after {
            content: ''; display: block; width: 1px; height: 100%; 
            background-color: rgba(0,0,0,0.1); position: absolute; top: 0; bottom: 0; left: 50%;}}
    @media (max-width: 992px){ 
        .form-modal .signin-block { text-align: center; text-align: center; margin: 30px 0 20px;}	}	
    .form-modal a {color: #3291d3;}
    .form-modal a:hover {text-decoration: underline;}
    .modal-header a {color: #3291d3;}
    .modal-header a:hover {text-decoration: underline;}
    .modal-content .tab-pane {margin: 0px 40px 20px;}	
    .modal-content .nav-tabs>li {
        -webkit-transition: all .8s ease; transition: all .8s ease;
        font-size: 26px; float: left; width: 50%; margin-bottom: 0px; line-height: 1.5;}	
    .modal-content .nav-tabs>li.active>a {
        color: #fff; padding: 5px 20px; cursor: pointer;
        background-color: #16ca98; border: 1px solid #16ca98; margin-right: 0px;
        border-radius: 0; text-align: center; border-bottom-color: transparent;}
    .modal-content .nav-tabs>li.active>a:focus, .modal-content .nav-tabs>li.active>a:hover  {
        background-color: #2becb7; border: 1px solid #2becb7;}  
    .modal-content  .nav-tabs>li>a { 
        color: #777; padding: 5px 20px; cursor: pointer; background-color: #e4e4e4;
        border: 1px solid #e4e4e4; border-radius: 0; text-align: center; margin-right: 0px;}   
    .modal-content .nav-tabs>li>a:hover {background: #2becb7; border: 1px solid #2becb7; margin-right: 0px; color:#fff;}    
    .modal-conten .nav-tabs {border-bottom: none;}
    .modal-content .btn-default {text-transform: uppercase; width: 100%;}
    .inp-right {text-align: right; margin-top: 40px;}
    @media (min-width: 768px){ .inbuilder .modal-dialog {width: 550px; margin: 50px auto;}	}	
    .modal-content .error {text-align: center; color: #ec1a1a;}
    .modal-content .success {text-align: center; color: #1eb308;}
    .modal-content label {font-weight: 500; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .modal-content label:hover {color: #1fe284;}
    .changepas {margin-top: 40px;}
    #signup .message {font-size: 16px;}
    .message { color: #0c3858; font-size: 19px; margin-bottom: 15px;}
    #resetModal .modal-body {margin: 10px 40px 20px; font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial;}
    #resetModal .modal-header {padding: 0;}
    #resetModal .modal-header p {font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial;}
    #resetModal .modal-header h2 {
        font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial; padding: 5px 0; font-size: 26px; font-weight: 300; color: #fff; background: #1fe284;}
    .captcha-wrap {
        margin-bottom: 40px; position: inherit; opacity: 0.6;-webkit-transition: all .4s ease; transition: all .4s ease;}
    .captcha-wrap:hover {opacity: 1;}
    .captcha-wrap .g-recaptcha div {margin: 0 auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .btn-block {margin-top:40px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* STYLE FOR BUILDER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #hackathon .overlay {min-height: 450px;}
    #hackathon .fullscreen {background-image:url('../images/bg-builder2.svg'); background-color: #1c162d;}
    #hackathon .main-block {padding: 100px 0 0px;}
    #hackathon .title {margin: 40px 0 60px;}	
    #hackathon .hackathon-title h2 {    
        line-height: 1.3em; text-shadow: none; font-size: 56px; font-family: 'Ubuntu-R',sans-serif;
        color: #fff; margin-top: 40px; font-weight: 500; text-shadow: 0 0 10px #00c7ffd4;}	
    #hackathon .hackathon-title h2 .decor-h {color: #fff; font-weight: 500; font-family: 'Ubuntu-R',sans-serif;}
    #hackathon img {max-width: 100%;}
    #hackathon p {color: #fff; font-size: 18px; margin-top: 20px;}
    #hackathon h3 {color: #fff; font-size: 28px; line-height: 1; font-family: 'Ubuntu-L',sans-serif,Arial;}
    #hackathon h3 a {text-decoration: none;color: #63ffcb; text-shadow: 0 0 8px rgba(0,229,210,0.7), 0 0 4px rgba(19,191,177,1);}	
    #hackathon h3 a:hover {text-decoration: none; color: #63ffcb;}
    #hackathon .title h3 {margin: 45px 0 20px;color: #1b4b59; border-left: none; font-family: 'Ubuntu-R', sans-serif, Arial; font-size: 20px;}
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #hackathon .social-top ul {padding: 0; list-style: none; margin-top: 60px;}
    #hackathon .social-top li {display: inline-block; padding-left: .3em; padding-right: 0; padding-bottom: .3em; text-align: center;}
    #hackathon .social-top li a {
        display: block; line-height: 34px; font-size: 32px; color: #fff; 	
        -webkit-transition: all .8s ease; transition: all .8s ease; margin-right: 15px;}
    #hackathon .social-top li a:hover {color: #1fe284;}
    #hackathon .social-top li a .fa {text-shadow: none;}
    .social-fixed {
        font-family: arial!important; font-size: 14px!important; position: absolute;
        left: 0!important; top: 100px; z-index: 1000!important; box-sizing: content-box!important; display: inline-block;}		
    .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: #00e0c0; border: 2px solid #00e0c0;}
    .social-fixed ul li a .fa {color: #fff; font-size: 22px;}
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #hackathon .how-make {margin-top: 40px;}
    #hackathon .btn-default {text-transform: uppercase;}
    #hackathon .btn-primary {font-size: 20px; padding: 18px 65px;}
    #hackathon .btn-block {margin-top: 60px;}
    @media (max-width: 1400px) {
        #hackathon .main-block {padding: 130px 0 0px;}
        #hackathon h3 {font-size: 28px;}
        #hackathon .hackathon-title h2 {margin:0; font-size: 48px;}}	
    @media (max-width: 1200px) {
        #hackathon h3 {font-size: 26px;}
        #hackathon .hackathon-title h2 {font-size: 48px;}
    }	
    @media (max-width: 992px) {		
        #hackathon .hackathon-title h2 { font-size: 36px;}	
        .button_main {margin-top: 30px;}
        #hackathon .btn-block {margin-top: 20px;}
        #hackathon .btn-primary {display: inline-block; padding: 14px 32px;}
        #hackathon h3 {font-size: 20px;} 
        #hackathon .social-top ul {margin-top: 40px;}
    }
    @media (max-width: 760px) {
        #hackathon .main-content {text-align: center;}
    }
    @media (max-width: 420px) { }		
    /*----------------------------------------------------------------------*/	
    /* DEMO_APP */
    /*----------------------------------------------------------------------*/
        #demoapp .fullscreen {background: -webkit-radial-gradient(35% 40%, circle, #2b5886, #1f2942 35%);}
        .demoapp-block .demoapp-text {margin-top: 60px;}
        .demoapp-block .title {margin-bottom: 40px; }
        .demoapp-block .title-line {background: #ffffff; margin: 0;}
        .demoapp-block .title h2 {color:#fff; line-height: 1.1;}
        .demoapp-block h3 {font-family: 'Ubuntu-R',sans-serif; color: #f3f6f9; font-size: 32px; color: #fff;}
        .demoapp-block img {max-width: 80%; }
        .demoapp-block .btn-primary {padding: 14px 62px;}
        .demoapp-block .class-or {color: #002e5d; margin: 25px 0; text-transform: uppercase;}
        .demoapp-block {padding-top: 60px; padding-bottom: 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;}
        .bs-example-modal-lg .modal-title {font-size: 32px;}
        @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;}}
	/*----------------------------------------------------------------------*/
        
        /* voting form */
        #voting_dapps {background: #f3f6f9; margin: 60px 0;}
        #voting_dapps h2 {font-family: 'Ubuntu-M', sans-serif, Arial; margin-bottom: 50px; font-size: 32px;}
        #voting_dapps p {font-family: 'Ubuntu-L', sans-serif, Arial; color: #ffffff; font-size: 20px; line-height: 22px;}
        #voting_dapps h4 {font-size: 26px; font-family: 'Ubuntu-M', sans-serif, Arial; color: #ffffff;}
        #voting_dapps form .variant_dapp {border-radius: 8px; margin-bottom: 25px;}
        
        #voting_dapps form .variant_dapp:hover {cursor: pointer; background: #f8fffe; -webkit-transition: all .4s ease; transition: all .4s ease;}
        #voting_dapps form label {
            box-shadow: 0 10px 26px 0 rgba(0, 15, 48, 0.35); min-height: 260px; padding: 20px;   
            border: solid 2px #ffffff00; -webkit-transition: all .4s ease; transition: all .4s ease;}
        #voting_dapps form label:hover {
            transform: scale(1.05); cursor: pointer; box-shadow: none; -webkit-transition: all .4s ease; transition: all .4s ease;}
        
        #voting_dapps .variant1   {background: rgb(0, 187, 147); border-color: rgb(0, 187, 147);}
        #voting_dapps .variant2  {background: rgb(63, 156, 226); border-color: rgb(63, 156, 226);}
        #voting_dapps .variant3  {background: rgb(251, 193, 80); border-color: rgb(251, 193, 80);}
        #voting_dapps .variant4  {background: rgb(236, 93, 118); border-color: rgb(236, 93, 118);}
        
        .voting-form label {display:block; width:100%; -webkit-transition: all .4s ease; transition: all .4s ease;}
        .voting-form label.active {box-shadow: none! important; border: solid 2px #25355a99! important; transform: scale(1) !important;}
        #voting_dapps .voting-form label.active h4 {color: #ffffff;}
        #voting_dapps .btn_vot {text-align: center; margin: 30px 0 20px;}
        
        #voting_dapps .variant1 .img-icon {background: url(../images/ico_var1.png) no-repeat center center; height: 60px;}
        #voting_dapps .variant2 .img-icon {background: url(../images/ico_var2.png) no-repeat center center; height: 60px;}
        #voting_dapps .variant3 .img-icon {background: url(../images/ico_var3.png) no-repeat center center; height: 60px;}
        #voting_dapps .variant4 .img-icon {background: url(../images/ico_var4.png) no-repeat center center; height: 60px;}
        
        #voting_dapps .progress {margin: 0; width: 100%; height: auto; background-color: #f3f6f9bf; border-radius: 50px; border: none;}
        #voting_dapps .progress-bar { border-radius: 50px; line-height: 20px; font-size: 16px; font-weight: 500;}
        #voting_dapps .variant1 .progress-bar {background-color: rgb(0, 187, 147);}
        #voting_dapps .variant2 .progress-bar {background-color: rgb(63, 156, 226);}
        #voting_dapps .variant3 .progress-bar {background-color: rgb(251, 193, 80);}
        #voting_dapps .variant4 .progress-bar {background-color: rgb(236, 93, 118);}
        
         #voting_dapps .btn {margin-top: 40px;}
        
        .chart {margin-bottom:0; margin-top: 40px;}
        .vert > canvas, .vert > ol {display:inline-block}        
        #network-hac {background: -webkit-radial-gradient(75% 60%, circle, #2b5886, #1f2942 35%); padding: 60px 0 60px;}
        #network-hac .title-line {background: #ffffff;  margin: 0;}
        #network-hac .purpose {margin-top: 60px;}
        #network-hac .network-hac-block {margin: 30px 0 30px;}
        #network-hac .network-hac-block p {font-family: 'Ubuntu-L',sans-serif;color: #e4ebee;}
        #network-hac h2 {font-size: 38px; color: #ffffff;}
        #network-hac img {max-width: 100%;}
        #network-hac .btn-block {margin-top: 40px;}      
        

        /*----------------------------------------------------------------------*/
	/* Requirements to Enter */
	/*----------------------------------------------------------------------*/
        #toenter {
            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: 40px 0 80px;}
        #toenter h2 {font-size: 38px; color: #fff;}
        #toenter img {max-width: 100%;}
        #toenter h3 {margin: 5px 0 10px; font-size: 20px;}
        #toenter .works-text {margin-top: 60px;}	
        #toenter .toenter-li {padding: 0px 10px 0px 15px; border-left: 3px solid #28eec1; margin-bottom: 25px; color: #ffffff;}
        #toenter .toenter-li p {color: #ffffff; padding: 0;}
        #toenter .btn-block {margin-top: 60px;}
	/*----------------------------------------------------------------------*/	
	/*FAQ hackathon*/
	/*----------------------------------------------------------------------*/
        #hack-fac {font-family: 'menlo', sans-serif, Arial; font-size: 12px; line-height: 22px; background-color: rgb(41, 42, 37);}
        #hack-fac .hack-facblock {min-height: 600px; border-radius: 50px;  padding: 60px 40px 30px 20px;}	
        #hack-fac .preprocessor {color: rgb(232, 68, 112);}
        #hack-fac .c-header {float: left; clear: both;}
        #hack-fac .file {color: rgb(232, 223, 110);}
        #hack-fac #faq-title {color: rgb(126, 127, 124); clear: both;}
        #hack-fac .question {font-size: 16px;}
        #hack-fac .function {color: rgb(162, 201, 59);}
        #hack-fac .keyword {color: rgb(93, 205, 199); font-style: italic;}
        .answer span {color: rgb(239, 35, 131);}
        #hack-fac {color: #fff;}
        #hack-fac .sublime ul { padding-left: 60%; box-sizing: border-box; color: rgb(126, 127, 124); }
        #hack-fac .import {padding-left: 10px;}
	/*----------------------------------------------------------------------*/
	/*Rules*/ 
	/*----------------------------------------------------------------------*/
        #rules .title {margin-bottom: 40px;}
        #rules {margin-bottom: 40px; width: 100%; background-repeat: no-repeat; background-position: top; padding-top: 60px;}
        #rules .rules-block { margin: 30px 0 40px;}
        #rules h2 {font-size: 36px;}
        #rules img {max-width: 100%;}
        #rules h3 {margin: 5px 0 10px; font-size: 20px;}
        #rules .works-text {margin-top: 60px;}	
        #rules .rules-li {/*padding: 5px 15px; border-left: 3px solid #27e9a8;*/ margin-bottom: 20px;}
        #rules .rules-li p {padding: 0;}
        #rules .rules-li:focus p, #rules .rules-li:hove p {color: #333;}
        #rules .rules-li {transition: all .2s ease-in-out;}
	/*----------------------------------------------------------------------*/
	/*How to Enter*/
	/*----------------------------------------------------------------------*/
        #start .fullscreen {background-image:url('../images/how.jpg');}
        #start .overlay {padding-bottom: 20px; background: rgba(12, 36, 65, 0.92);}
        #start img {max-width: 600px; margin-top: 20px;}
        #start {color: #fff;}
        #start h2 {margin-top: 60px; margin-bottom: 20px; color: #fff;}
        #start .btn-block {padding: 40px 0 60px;}
        #start .title-line {background: #fff;}
        #start .subscribesec-text {font-size: 16px; padding-left: 50px;}
        #start .start-dis h3 {color: #28eec1; margin-top: 0; padding-left: 50px; font-size: 26px;}
        #start .start-dis .num {float: left; font-size: 68px; padding-top: 20px; font-family: 'Ubuntu-M', sans-serif, Arial;}
        #start .start-dis {
            -webkit-transition: all .3s ease; transition: all .3s ease;
            padding: 20px 10px; font-family: 'Ubuntu-R', sans-serif, Arial;
            background: #f5fcff12; border-radius: 8px; border: solid 2px #ffffff57; min-height: 230px; margin: 30px 0 10px;}	
        #start .start-dis a {text-decoration: underline; color: #50ffab;}    
        #start .start-dis a:hover {text-decoration: none; color: #22c175;}    
        #start .start-dis:hover{background: #0e223c; border: solid 2px #97ffe7;}   
        #start .start-dis:hover .num {color: #50ffab;}
	/*----------------------------------------------------------------------*/
	/*How to Enter*/
	/*----------------------------------------------------------------------*/
        #bg-phone {background-color: #f3f6f9;}
        #note {padding: 60px 0 80px;}
        .title {margin-bottom: 20px;}
        #note-block .title h2 {border-left: none;}
        #note h3{margin-left: 15px; color: #3cef98;}
        #note img {max-width: 100%;}
        #note .note-github {
            margin-top: 60px; background: #ffffff; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06); padding: 20px; border-radius: 8px;}
        /*----------------------------------------------------------------------*/ 	
	/* founded */ 
        /*----------------------------------------------------------------------*/ 	
        #founded {padding-top: 60px; width: 100%; background-repeat: no-repeat; background-position: top;}
        #founded .founded-block {margin-top: 30px;}
        #founded .title h2 {font-size: 30px; line-height: 1.2em; margin-bottom: 40px; margin-top: 20px;}
        .founded-block {background: #fff; border-radius: 15px; padding: 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(53, 224, 205);}	
        .founded-block .number {font-size: 20px; font-family: 'Ubuntu-R', sans-serif, Arial; color: #36e0cd;}	
	/*----------------------------------------------------------------------*/ 	
	/*How to Enter*/
	/*----------------------------------------------------------------------*/
        #schedule {padding-bottom: 40px;}
        #schedule img {max-width: 600px; margin-top: 20px;}
        #schedule {color: #fff;}
        #schedule h2 {margin-top: 60px; margin-bottom: 20px; color: #fff;}
        #schedule .hover-sh { 			
            text-align: left; padding: 10px 25px; border: solid 1px rgba(255, 255, 255, 0.32);
            border-radius: 15px; margin-bottom: 15px; 
            transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;}
        #schedule .hover-sh p {font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial; font-size: 16px;}
        #schedule .hover-sh:hover, #schedule .hover-sh:focus {
            background: #6a7bf3; box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);}
	/*----------------------------------------------------------------------*/ 	
            #bg-section {
                padding-top: 420px; background-image: url(../images/bg-bot.png); width: 100%;
                background-repeat: no-repeat; background-position: top;}
            #Steps {margin-top: 40px; color: #fff;}
            #Steps .title h2 {color:#fff;}
            #Steps img {margin-top: 5px;}
            #Steps h3 {color: #1fe284; font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial; font-size: 22px; margin-top: 20px;}
            #Steps p {font-family: 'menlo', 'Ubuntu-R', sans-serif, Arial;}
            .steps-header {margin-bottom: 20px;text-align: center;}
            .steps-timeline {outline: 1px dashed rgba(255, 0, 0, 0);}
        @media screen and (max-width: 500px) {
            .steps-timeline {border-left: none; margin-left: 25px;}}
        @media screen and (min-width: 500px) {
            .steps-timeline {border-top: 2px solid #1fe284; padding-top: 20px; margin-top: 80px; margin-left: 16.65%; margin-right: 16.65%;}}
            .steps-timeline:after {content: ""; display: table;clear: both;}
            .steps-one,.steps-two,.steps-three {outline: 1px dashed rgba(0, 128, 0, 0);}
        @media screen and (max-width: 500px) {.steps-one,  .steps-two,  .steps-three {margin-left: -25px;}  }
        @media screen and (min-width: 500px) {.steps-one,.steps-two,.steps-three {float: left;width: 33%; margin-top: -50px;}  }
        @media screen and (max-width: 500px) {.steps-one,.steps-two {padding-bottom: 40px;}  }
        @media screen and (min-width: 500px) {.steps-one {margin-left: -16.65%; margin-right: 16.65%;}  }
        @media screen and (max-width: 500px) {.steps-three {margin-bottom: -100%;}  }
        @media screen and (min-width: 500px) {.steps-three {margin-left: 16.65%; margin-right: -16.65%;}  }
            .steps-img {display: block;margin: auto; width: 50px; height: 50px; border-radius: 50%;}	
        @media screen and (max-width: 500px) { .steps-img {float: left; margin-right: 20px;} }
            .steps-name, .steps-description {margin: 0;}
        @media screen and (min-width: 500px) {.steps-name {text-align: center;} }
            .steps-description {overflow: hidden;}
        @media screen and (min-width: 500px) {.steps-description {text-align: center;} }
            #Steps .steps-ico {
                color: #fff; width: 70px; height: 70px; line-height: 50px; font-size: 1.4em;
                text-align: center; background-color: #3fb0f7; z-index: 100;
                border-top-right-radius: 50%; border-top-left-radius: 50%;
                border-bottom-right-radius: 50%;   border-bottom-left-radius: 50%;}
            #Steps .steps-one .steps-ico {background-color: #62ce2a;}
            #Steps .steps-two .steps-ico {background-color: #fab530;}
            #Steps .steps-three .steps-ico {background-color: #fd1f5a;}
            #Steps .steps-ico .fa {margin-top: 17px; font-size: 35px;}

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

    .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; text-align: center; background: #1e91e9; 
        border-radius: 50px; line-height: 1.5; display: block; padding: 5px; opacity: 0.7;}
    
/*==================================================================*/
    @media (max-width: 1400px) {
        #voting_dapps {margin: 20px 0 40px;}
        #voting_dapps p {font-size: 16px; line-height: 22px;}
        #network-hac .purpose {margin-top: 40px;}
        .demoapp-block .demoapp-text {margin-top: 40px;}
        #founded .founded-block {margin-top: 20px;}
        #note .note-github {margin-top: 40px;}
        .btn-gradient-color, .btn-pink-color, .btn-green-color,.btn-bord-white, .btn-create {font-size: 16px;}
        #voting_dapps form label {min-height: 260px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (min-width : 1024px) and (max-width : 1400px) {
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 30px;}	
        .title h2 {}
        .carousel-caption h1 {font-size: 48px;}		
        #ethereum ul li {margin: 0;}
        #ethereum .inner p {font-size: 16px;}
        #summary p {font-size: 19px;}
        .feat-list {min-height: 300px;}
        .feat-list h4 {font-size: 20px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media screen and (max-width: 1199px) { 
        .feat-list {min-height: 220px;}
        #hackathon .title h3 {font-size: 16px;}
        #hackathon h3 {font-size: 20px;}
        #hackathon p {font-size: 16px;}
        #hackathon .preview h4 .big {font-size: 30px;}
        #hackathon .preview h4 {font-size: 18px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @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;}	
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
        .title h2 {font-size: 32px;}
        #rules h2 {font-size: 30px;}
        #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;}
        .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;}	
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 992px) { 
        .intro-pic {text-align: center;}
        #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;}
        #ourteam {padding: 60px 0 60px;}
        #ethereum {padding: 60px 0 60px;}
        .text-mar-left {margin-left: 0px;}
        .feat-list:hover {box-shadow: none; background: none;}
        .navbar-default .navbar-nav>li>a {padding: 10px 7px;}
        #start .start-dis {min-height: auto;}
        .demoapp-block img {max-width: 400px; margin: 40px 0 30px;}
        #network-hac img, #rules img {max-width: 300px; margin-top: 0px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 767px) {
        .timeline-body > p, .timeline-body > ul {font-size: 16px;}
        .timeline > li > .timeline-panel {padding: 7px;}
        .title h2 {font-size: 30px;}
        #rules h2 {font-size: 30px;}
        #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;}
        .head-btn {margin: 20px 0 20px;}
        .feat-list {min-height: 150px;}
        .timeline > li > .timeline-panel:hover {background: rgba(255, 255, 255, 0.07)}
        .timeline > li > .timeline-panel:hover p {color: #fff;}
        .navbar-default .navbar-nav>li>a {font-size: 14px; padding: 8px 20px;}
        #hackathon .preview {margin-top:20px;}
        .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;}	
        h1 {font-size: 36px;}
        #hackathon .main-block {text-align: center; padding: 120px 0 60px; }
        #hackathon .main-block .hackathon-title {text-align: center; padding: 0 30px;}
        #hackathon .main-block .button_main  {text-align: center;}
        .row {margin-right: 30px !important; margin-left: 30px !important;}
        .social-fixed {display: none;}
    }	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 667px) {
        .title h2 {font-size: 30px;}
        #rules h2 {font-size: 30px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}	
        .carousel-caption h1 {font-size: 36px;}
        feat-list {min-height: 230px;}
        .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;}
        .demoapp-block img {max-width: 100%; margin: 40px 0 30px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @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;}
        .intro-pic img {max-width: 100% !important;}
        .milusers .descr .decor {font-size: 24px;}
        feat-list {min-height: 240px;}
        .milusers .descr p {font-size: 16px;}
        #network-hac h2 {font-size: 32px;}
        #toenter h2 {font-size: 32px;}
        #rules h2 {font-size: 32px;}
        #toenter .toenter-li p {font-size: 16px;}
        .logo {margin: 15px 0 15px 0;}
        #feature {padding-top: 50px;}
        .feat-list i {padding-left: 20px;}
        #feature-2 {padding: 50px 0 70px;}
        #screenshot {padding-top: 70px;}	
        .screenshots {padding-top: 30px; padding-bottom: 70px;}
        #testi {padding: 70px 0 70px;}
        .testi-item .box .message {line-height: 25px; font-size: 18px;}
        .action h2 {margin: 50px 0 20px;}
        h1 {font-size: 32px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 480px) {
        .row {margin-right: 10px !important; margin-left: 10px !important;}
        .title h2 {font-size: 30px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}	
        .ibuildapp h3 {font-size: 16px; font-weight: 400; text-align: left;}
        #summary .step h3 {font-size: 18px;}
        .carousel-caption h1 {font-size: 30px;}
        .head-btn a {display: inline-block;}
        .feat-list h4 {font-size: 18px;}
        .head-btn .btn-primary {margin: 10px 0 10px;}
        .head-btn .btn-default  {margin: 10px 0 10px;}
        .subscribe-form {margin: 20px auto 40px;}
        .feat-list {min-height: 230px;}
        #ourteam .ourteam .descr p {font-size: 14px;}
        #ourteam .ourteam h3 {font-size: 16px;}		
        .milusers .descr .decor {font-size: 18px;}
        #toenter .toenter-li {padding: 5px; border-left: none;}
        #network-hac h2 {font-size: 24px;}
        #rules h2 {font-size: 24px;}
        #note h3 {font-size: 18px;}
        #network-hac img, #rules img {max-width: 100%;}
        .feat-list i {padding-left: 5px;}
        .action h2 {font-size: 30px;}
        .social-fixed {display: none;}
        #hackathon .main-block {padding: 100px 0 20px;}
        #myModal .row {margin-right: 0px !important; margin-left: 0px !important;}
        #network-hac .network-hac-block p {font-size: 18px;}
        .btn-gradient-color, .btn-pink-color, .btn-green-color {padding: 12px 20px; font-size: 14px;}
        .demoapp-block {margin-top: 20px;}
        #hackathon .hackathon-title h2 {font-size: 30px;}
        .action h2 {margin: 20px 0 20px;}
        #note {padding: 20px 0 60px;}
        #hackathon .main-block .hackathon-title {    padding: 0;}
        .btn-create, .btn-bord-white {font-size: 14px; margin: 10px 0;}
        .btn-create {padding: 10px 12px;}
        #network-hac .purpose {margin-top: 10px;}
        .demoapp-block .demoapp-text {margin-top: 10px;}
        #founded .founded-block {margin-top: 10px;}
        #note .note-github {margin-top: 10px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 360px) {
        body {font-size: 16px; line-height: 22px;}
        .title h2 {font-size: 22px;}
        .title h3 {font-size: 18px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 18px;}		
        #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;}
        .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;}
        .ibuildapp p {font-size: 18px;}
        .social-top li {padding-right: 0;}
        .feat-list i {padding-left: 0;}
        #feature .inner {padding-left: 15px;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width: 320px) {
        .title h2 {font-size: 22px;}
        #ethereum h2, #summary h2, #mobile-apps h2, #intro h2, #works h2 {font-size: 22px;}
        .feat-list {min-height: 280px;}
        #ourteam .ourteam .descr p {font-size: 12px;}
        #ourteam .ourteam h3 {font-size: 14px;}	
        .logo {margin: 30px 0 20px 0;}
        .btn-default {padding: 10px 20px;}
        .feat-list i {padding-left: 0; display: none;}
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/