html, body {
    box-sizing: border-box;
   height: 100%;
   width: 100%;
    padding: 0;
    margin: 0;
}
body{
	height: 100%;
	width: 100%;

	background: url("../images/bg.png") no-repeat bottom left fixed;
    background-color: rgb(242,242,242);
    -webkit-background-size: cover;
    background-size: cover;
    
}
.page{
	padding-bottom: 40px;
	text-align: center;
}
	.header{
		text-align: center;
		padding: 20px 0;
	}
		.header .head_logo{
			width: 100%;
			max-width: 300px;
		}

	.form{
		float: initial;
		display: inline-block;
		max-width: 500px;
		padding: 40px 20px;
		border-radius: 3px;
		background-color: rgba(250, 250, 250, 0.6);  
		box-shadow: 17.82px 9.08px 60.76px 1.24px rgba(0, 0, 0, 0.35);
		text-align: left;
		margin-top: 16px;
	}
	.index_form{
		text-align: center;
	}
		.form_header{
			
		}
			.form_header h3{
				margin: 0;
				font-size: 24px;
				font-family: "Roboto-Black";  
				color: rgb(41, 41, 41);
				text-transform: uppercase;				
			}
			.form_header .help-info{
				color: #e3072b;
				text-transform: none;
				white-space: pre-wrap;
			}
			.form_header_divider{
				background-color: rgb(198, 198, 198);
				width: 100%;
				height: 2px;
				margin-top: 5px;
			}
			.index_form p{
				margin: 0;
				font-size: 18px;
				font-family: "Roboto-Regular";  
				color: rgb(41, 41, 41);
				/* text-transform: uppercase; */		
			}
			.index_form a{
				font-size: 16px;
				font-family: "Roboto-Regular";
				color: rgb(41, 41, 41);
				font-weight: normal;
			}
			.index_form a span{
				color: rgb(255,255,255);
			}
		.form-register, .form-activation{

		}
		.form_section{
			margin-top: 25px;
		}
			.control-label{
				font-size: 16px;
				font-family: "Roboto-Regular";
				color: #42B2AA;
				font-weight: normal;
			}
				.help-info{
					font-size: 14px;
					font-family: "Roboto-Italic";
				}
			.form-control{
				border-style: solid;
  				border-width: 1px;
				border-color: rgb(198, 198, 198);
  				border-radius: 3px;
  				background-color: rgb(255, 255, 255);
			}

			.form_section h2{
				margin: 0;
				font-size: 18px;
				font-family: "Roboto-Black";
				color: rgb(41, 41, 41);
				line-height: 1.75;
				text-transform: uppercase;
			}
			.form_divider{
				background-color: rgb(198, 198, 198);
				width: 100%;
				height: 1px;
				margin-bottom: 10px;
			}


			.form_submit{
				


			}

			.btn-custom{
				border-radius: 3px;
 				background-color: rgb(86, 142, 204);
 				
 				text-transform: uppercase;
 				font-size: 18px;
				font-family: "Roboto-Black";
				color: rgb(255, 255, 255);
				width: 100%;
				max-width: 220px;
				

				background: #42B2AA ;
			    background-image: -moz-linear-gradient( 180deg, rgb(66,178,170) 0%, rgb(86,193,188) 100%) ;
			    background-image: -webkit-linear-gradient( 180deg, rgb(66,178,170) 0%, rgb(86,193,188) 100%) ;
			    background-image: -ms-linear-gradient( 180deg, rgb(66,178,170) 0%, rgb(86,193,188) 100%) ;
			    transition: all .3s;
			}
			.btn-custom:hover,
			.btn-custom:active,
			.btn-custom:focus{
				color: rgb(255, 255, 255);
			}
			.dropdown-menu{
				width: 100%;
				min-width: 320px!important;
			}
			.dropdown-menu > li > a {
			    white-space: normal;
			}
			.form_submit{
				position: relative;
			}
				.form_submit .preloader{
					position: absolute; 
					top: 50%;
					left: 50%;
					margin-left: -16px;
					margin-top: -16px;
					
					
				}
				.form_submit .submit_text{
					
				}
			.text-overflow-hide{
				text-overflow: ellipsis;
			    white-space: nowrap;
			    overflow: hidden;
			    width: 100%;
			}
			.margin-0{
				margin: 0;
			}
			.text-align-center{
				text-align: center;
			}
			.errors{
				color: #e3072b;
			}
			.success{
				color: green;
			}
			.vis_hidden{
				visibility: hidden;
			}


.btn-custom.disabled, .btn-custom[disabled], fieldset[disabled] .btn-custom, .btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover, .btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus, .btn-custom.disabled.focus, .btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus, .btn-custom.disabled:active, .btn-custom[disabled]:active, fieldset[disabled] .btn-custom:active, .btn-custom.disabled.active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom.active{
	background: #42B2AA ;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: rgb(66,178,170);
    background-image: -webkit-linear-gradient(top, rgb(86,193,188) 0%, rgb(66,178,170) 100%);
    background-image: -o-linear-gradient(top, rgb(86,193,188) 0%, rgb(66,178,170) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56C1BC), to(#42B2AA));
    background-image: linear-gradient(to bottom, rgb(86,193,188) 0%, rgb(66,178,170) 100%);
}


/* .modal-header{
	border:none;
}
.modal-backdrop {
   background-color: rgb(255,255,255);
}
.modal-content{
	position: relative;
	padding: 25px;
}
.modal-content p, .modal-content{
	text-align: center;
	font-family: "Lato-Regular";
	color: rgb(0, 0, 6);
	font-size: 18px;
}
.modal-content a{
	font-size: 16px;
	font-family: "Lato-Light";
	margin: 10px;
}
.modal-content a span{
	color: rgb(255,255,255);
} */
.modal_divider{
	background: url('../images/modal_divider.png') no-repeat center center;
	background-size: 100% 100%;
	height: 3px;
	width: 100%;
	margin: 20px 0;
}
.btn{
	width: 100%;
	margin-bottom: 16px;
}
.btn-existing{
	/* margin: 10px; */
	border:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;

	color: rgb(255, 255, 255)!important;
	background: #42B2AA;
    /* background-image: -moz-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%); */
}
	.btn-existing:hover{
		background: #42B2AA;
		/* background-image: -moz-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%);
		        background-image: -webkit-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%);
		        background-image: -ms-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%); */
	}
	.btn-existing:active{
		background: #42B2AA;
		/* background-image: -moz-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%);
		        background-image: -webkit-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%);
		        background-image: -ms-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%); */
	}


.btn-new{
	/* margin: 10px; */

	border:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;

	/* margin-left: 10px; */
    /* background-image: -moz-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%); */
    color: rgb(0, 0, 0)!important;
    background: #fff;
}
	.btn-new:hover{
		background: #fff;
		/* background-image: -moz-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%);
			        background-image: -webkit-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%);
			        background-image: -ms-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%); */
	}
	.btn-new:active{
		background: #fff;
		/* background-image: -moz-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%);
			        background-image: -webkit-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%);
			        background-image: -ms-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%); */
	}


/* PHONE NUMBER PKUGIN */
.iti__flag {background-image: url("../images/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../images/flags@2x.png");}
}
.iti{
	display: block;
}

 

/* .strip-payment-wrapper form {
	width: 30vw;
	min-width: 320px;
	align-self: center;
	padding: 0;
}

.load-bar {

	z-index: 999999;
} */