#hellopreloader_preload{
	display: block;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	/* background: #cde8ff url(../images/page_preloader.gif) center center no-repeat; */
	background: #3b3f49 url(../images/page_preloader.svg) center center no-repeat;

	background-size:101px;
} 

#hellopreloader_preload p{
	font-family: "MuseoSansCyrl_1";
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 100px;
    margin-left: -30px;	
    color: #fff;
}

html{
	background: url(../images/bg.jpg ) no-repeat center center;
	width: 100%;
	height: 100%;
	   
	/* min-height: ; */
	-moz-background-size:cover; 	
	  -o-background-size:cover; 
	  -webkit-background-size:cover; 
	  -khtml-background-size:cover;
	  background-size:cover; 
}
body{
	background: transparent;
	height: 100%;
}

.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}

.vis_hidden{
	visibility: hidden;
}
.ta-c{
	text-align: center;
}

.animated{
	display: none;
}
.fadeIn{
	display: block;
}

.form_submit .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: none;
}
.has-error .form-control, .has-error .form-control:focus{
	box-shadow: none;
}
.errors{
	color: #a94442;
}
.success{
	color: green;
}



.container{
	position: relative;
	height: 100%;
}
	.step{
		position: absolute;
  		top: 50%;
  		left:50%;
  		transform: translate(-50%,-50%);

		max-width: 350px;
		padding: 50px 35px;
		background-color: rgba(32, 32, 32,.95);
	  	box-shadow: -6.691px 7.431px 20px 0px rgba(0, 0, 0, 0.5);
	  	
	}
		.step h2{
			font-size: 30px;
			font-family: "MuseoSansCyrl-500";
			color: rgb(255, 255, 255);
			text-align: left;
			line-height: 24px;
			letter-spacing: .08em;
		}
		.step h3{
			font-size: 16px;
			line-height: 20px;
			font-family: "MuseoSansCyrl-100";
			text-align: left;
			letter-spacing: .08em;
			color: #c2c2c2;
		}
		.step h4{
			font-size: 12px;
    		line-height: 20px;
    		font-family: "MuseoSansCyrl-100";
    		text-align: left;
    		letter-spacing: .08em;
    		color: #c2c2c2;
    		font-style: italic;
		}

		.step input{
			background: transparent;
			border: none;
			border-bottom: 1px solid #8f8f8f;
			border-radius: 0;
			color: #fff;
			padding: 0;
		}
		.step input::-webkit-input-placeholder {color:rgba(255,255,255,.8); font-size: 14px; font-family: "MuseoSansCyrl-300"; line-height: 16px;}
		.step input::-moz-placeholder          {color:rgba(255,255,255,.8); font-size: 14px; font-family: "MuseoSansCyrl-300"; line-height: 16px;}/* Firefox 19+ */
		.step input:-moz-placeholder           {color:rgba(255,255,255,.8); font-size: 14px; font-family: "MuseoSansCyrl-300"; line-height: 16px;}/* Firefox 18- */
		.step input:-ms-input-placeholder      {color:rgba(255,255,255,.8); font-size: 14px; font-family: "MuseoSansCyrl-300"; line-height: 16px;}


		.form_button{
			display: inline-block;			
			width: 190px;
			height: 44px;
			border-radius: 10px;
			border-width: 2px;
			border-style: solid;
			cursor: pointer;
			text-align: center;
			padding: 0;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			color: #fff;
		}
		.form_submit{
			background-image: -moz-linear-gradient( 90deg, rgb(41,100,150) 0%, rgb(98,157,205) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(41,100,150) 0%, rgb(98,157,205) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(41,100,150) 0%, rgb(98,157,205) 100%);
            -moz-border-image: -moz-linear-gradient(top, rgb(43,103,152) 0%, rgb(96,156,204) 100%);
            -webkit-border-image: -webkit-linear-gradient(top, rgb(43,103,152) 0%, rgb(96,156,204) 100%);
            border-image: linear-gradient(to bottom, rgb(43,103,152) 0%, rgb(96,156,204) 100%);
            border-image-slice: 0;
		}
			.form_submit:hover{
				color: #fff;
				background-image: -moz-linear-gradient( 90deg, rgb(71,130,179) 0%, rgb(71,130,179) 100%);
	            background-image: -webkit-linear-gradient( 90deg, rgb(71,130,179) 0%, rgb(71,130,179) 100%);
	            background-image: -ms-linear-gradient( 90deg, rgb(71,130,179) 0%, rgb(71,130,179) 100%);  
			}	
			.form_submit:active{
				color: #fff;
				background-image: -moz-linear-gradient( 90deg, rgb(98,157,205) 0%, rgb(98,157,205) 100%);
	            background-image: -webkit-linear-gradient( 90deg, rgb(98,157,205) 0%, rgb(98,157,205) 100%);
	            background-image: -ms-linear-gradient( 90deg, rgb(98,157,205) 0%, rgb(98,157,205) 100%);
			}
		.form_back{
			background-image: -moz-linear-gradient( 90deg, rgb(144,144,143) 0%, rgb(200,199,197) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(144,144,143) 0%, rgb(200,199,197) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(144,144,143) 0%, rgb(200,199,197) 100%);            
		    
		    -moz-border-image: -moz-linear-gradient(top, rgb(129,129,129) 0%, rgb(180,178,176) 100%);
	        -webkit-border-image: -webkit-linear-gradient(top, rgb(129,129,129) 0%, rgb(180,178,176) 100%);
	        border-image: linear-gradient(to bottom, rgb(129,129,129) 0%, rgb(180,178,176) 100%);

	        border-image-slice: 0;
		}
			.form_back:hover{
				color: #fff;
				background-image: -moz-linear-gradient( 90deg, rgb(175,174,173) 0%, rgb(175,174,173) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(175,174,173) 0%, rgb(175,174,173) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(175,174,173) 0%, rgb(175,174,173) 100%); 
			}
			.form_back:active{
				color: #fff;
                background-image: -moz-linear-gradient( 90deg, rgb(200,199,197) 0%, rgb(200,199,197) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(200,199,197) 0%, rgb(200,199,197) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(200,199,197) 0%, rgb(200,199,197) 100%); 
		        
			}	

		.form_button{
			position: relative;
			font-size: 16px;
			font-family: "MuseoSansCyrl-500";
			color: rgb(255, 255, 255);
		}
		
		.form_button.disabled, .form_button[disabled], fieldset[disabled] .form_button {
		    cursor: not-allowed;
		    filter: alpha(opacity=65);
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    opacity: .65;
		}