@font-face {
    src: url("Adequate-ExtraLight.ttf");
    font-family: Adequate;
}

body, p, span, div {
    font-family: 'Open Sans', sans-serif;
}

#social_media {
    position: absolute;
    bottom: 0px;
    right: 0;
    height: 70px;
}

#social_media i {
    font-size: 30px;
    margin-right: 9px;
}

#download_link {
    margin-top: 73px;
    margin-left: 3px;
}

#download_link a {
    font-size: 29px;
    color: white;
    border: none;
    text-decoration: none;
}

#header_title {
    position: relative;
    left: 42px;
    font-size: 24px;
    top: 5.3%;
    letter-spacing: 3.5px;
    font-family: Adequate;
    display: inline;
}

#header_title span {
    font-size: 1.2em;
    font-weight: bold;
}
.stage > .stage-header h1 {
    color: #ffffff !important;
}

#social_media a {
    color: white;
}

.btn-preHeader {
	text-align: center;
}

#pre-header {
    height: auto;
    position: absolute;
    top: -1440px;
    z-index: 10;
    width: 100%;
    background-color: #241e22;
	transition: all 1200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); 	
    overflow-y: scroll;
}

#pre-header.active {
	top: 0%;
	transition: all 1200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

.btn-close-preHeader {
position: relative;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: 98%;
    bottom: 10px;
    left: 0;
    padding-top: 50px;	
}

#pre-header h1 {
	text-align: center;
}

#pre-header-2 {
    height: auto;
    position: absolute;
    top: -500px;
    z-index: 10;
    width: 100%;
    background-color: #241e22;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); 	
    overflow-y: scroll;
	/* display: none; */
}

#pre-header-2.active {
	top: 0%;
transition-timing-function: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

.firstColumn_preHeader {
	padding-top: 60px;
}

span.what_to_know{
	font-weight: bold;
	padding-left:20px;
}

#pre-header-2 h1 {
    text-align: center;
    padding-bottom: 20px;
}

.secondColumn_preHeader {
	padding-top: 53px;
    padding-left: 40px;
}

.firstColumn_preHeader p {
	padding-left: 20px;
}

.syndicate_about span {
	padding-left: 30px;
}

#content-content--contact h1 {
    text-align: center;
    font-size: 40px;
    line-height: 60px;
}

a:active , a:focus, a{
	outline: 0 !important;

}

.btn_bluepaper {
	background: #5252e2 !important;
	color: white !important;
}


.btn_bluepaper:hover {
	background: #9e9e9e !important;
	color: white !important;
}

.img_about_masternode {
    display: block;
    max-width: 100%;
    height: auto;
    transform: scale(1.25);
    position: relative;
    overflow: hidden;
    top: 30px;
}

.syndicate_about {
    margin-top: 100px;
    letter-spacing: 1.6px;
    line-height: 30px;
}


.red{
    color:red;
    }
.form-area
{
    background-color: #333;
	padding: 10px 40px 60px;
	margin: 0px 0px 60px;
	}

	.form_hosting label {
		margin-left: 5px;
	}

form input, #operation_system {
	color: #333 !important;
}

input.pull-left {
    color: #d9d9d9 !important;
}

#responce-box {
    color: green;
    padding: 10px 0px;
    font-size: 16px;
	text-align: center;
}






#wallet_icons_container {
    position: absolute;
    bottom: -40px;
	opacity: 0;	
}

#wallet_icons_container i {
    font-size: 25px;
    margin-right: 23px;
    position: relative;
    top: 15px;
    left: 5px;
    color: rgb(92, 184, 92);
}

.header_adress {
    font-weight: bold;
    color: #e2291b;
    position: relative;
    top: 4px;
}

.col_form_container {
    padding:0;
}

.content .content-content {
    background: #333333;
}

#operation_system {
    padding: 4px;
}

#pbaranim span {
    position: absolute;
    right: -33px;
    bottom: -5px;
    color: white;
    z-index: 99999999;
    font-size: 20px;
}















/*//////////// ANIMATIONS /////////*/






/* Icon Bounce */
.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 1.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-bounce:before {

    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 1.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-hang:before {
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


.btn-default {
    background: rgba(230, 230, 230, 0.48);
    color: white;
    border-color: rgba(40, 37, 39, 0.58);
}


.btn-download {
	margin-top: 20px;
	display: inline-block;
	float: left;
}

.btn-first {
	margin-top: 50px;
	display: block;
}

.radix_heading {
	text-align: center;
    line-height: 55px;
    position: relative;
    top: 10%;
}

.download_link_container {
	width: 100px;
}

.content-textwrapper {
	padding:0px;
	background-color: black;
}

#stage-header-tagline {
	margin-bottom: 10px;
}


/*///// FADE IN DOWN //////*/


.animated {
  animation-duration: 0.33s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}


@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}







@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}


/*/////// MEDIA QUERIES /////////*/



@media all and (max-width: 770px) {
.container_progress {
	margin-bottom: 20px;
}

}


@media all and (max-width: 480px) {
    #social_media {
        position: absolute;
        bottom: 0px;
        right: -30px;
        height: 73px;
    }

    #social_media i {
        font-size: 30px;
        margin-right: 15px;
    }
	
	#pre-header-2 h1 {
		text-align: center;
		padding-bottom: 20px;
		padding-top: 10px;
		font-size: 20px;
	}	
	
#pre-header-2 .btn-close-preHeader {
    padding-top: 10px;
}

    input.pull-left {
        width: 100%;
    }
	
	
}

@media all and (max-width: 360px) {
    #social_media {
		position: absolute;
		bottom: 0px;
		right: -25px;
		height: 50px;
    }
	
	#header_title {
		left: 11px;
		top: 9.3%;
	}	

    #social_media i {
        font-size: 20px;
        margin-right: 15px;
    }
	
	.container_progress {
		margin-bottom: 40px;
	}	
	
	.stage>.stage-header {
		top: 25%;
		left: 10px;
	}
	
	.stage>.stage-nav ul, .stage>.stage-nav ul>li {
		font-size: 10px;
	}	
	
	.stage>.stage-nav {
		bottom: 5px;
		left: 10px;
	}	
	
	
}

@media all and (max-width: 340px) {
	#header_title {
		left: 11px;
		top: 9.3%;
	}

	.stage>.stage-header {
		top: 25%;
		left: 10px;
	}
	
	.stage>.stage-nav ul, .stage>.stage-nav ul>li {
		font-size: 10px;
	}	
	
	.stage>.stage-nav {
		bottom: 5px;
		left: 10px;
	}
	
	#social_media {
		height: 50px;
	}	
	
}
			
			
			
			
			
			
			
			
			

/*////// PROGRESS ANIMATIONS //////*/

#progressbar {
    width: 100%;
    height: 15px;
    background-color: #292929;
    padding: 12px;
    margin: .6em 0;
    clear: both;
}

#progress1, #progress2 , #progress3  {
    background: #A1C969;
    height: 15px;
    width: 0%;
    max-width: 100%;
    float: left;
    position: relative;
    bottom: 7px;
}

#progress1 {
    -webkit-animation: progress1 2s 1 forwards;
    -moz-animation: progress1 2s 1 forwards;
    -ms-animation: progress1 2s 1 forwards;
    animation: progress1 2s 1 forwards;
}

#progress2 {
    -webkit-animation: progress2 2s 1 forwards;
    -moz-animation: progress2 2s 1 forwards;
    -ms-animation: progress2 2s 1 forwards;
    animation: progress2 2s 1 forwards;
}

#progress3 {
    -webkit-animation: progress3 2s 1 forwards;
    -moz-animation: progress3 2s 1 forwards;
    -ms-animation: progress3 2s 1 forwards;
    animation: progress3 2s 1 forwards;
}



/*////// PROGRESS 1 //////*/

@-webkit-keyframes progress1 { 
    from { }

    to { width: 5% }
}

@-moz-keyframes progress1 { 
    from { }

    to { width: 5% }
}

@-ms-keyframes progress1 { 
    from { }

    to { width: 5% }
}

@keyframes progress1 { 
    from { }

    to { width: 5% }
}



/*////// PROGRESS 2 //////*/

@-webkit-keyframes progress2 { 
    from { }

    to { width: 5% }
}

@-moz-keyframes progress2 { 
    from { }

    to { width: 5% }
}

@-ms-keyframes progress2 { 
    from { }

    to { width: 5% }
}

@keyframes progress2 { 
    from { }

    to { width: 5% }
}




/*////// PROGRESS 3 //////*/

@-webkit-keyframes progress3 { 
    from { }

    to { width: 5% }
}

@-moz-keyframes progress3 { 
    from { }

    to { width: 5% }
}

@-ms-keyframes progress3 { 
    from { }

    to { width: 5% }
}

@keyframes progress3 { 
    from { }

    to { width: 5% }
}




#pbaranim {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}