@charset "utf-8";
/* CSS Document */
	img{
		vertical-align:middle;
		margin:0 auto;
	}
	.logo_img {
		max-width: 196px;
		margin: 0 0 10vh;
	}
	.left_container {
		display: flex;
		flex-direction: column;
		padding: 20px 110px;
	}
	.left_container h1 {
		font-size: 2em;
		margin-bottom: .5em;
		font-weight: bold;
	}
	.facebook_btn {
		margin-top: 25px;
		cursor: pointer;
		width: 100%;
		border-radius: 4px;
		border: none;
		outline: 0;
		font-size: 16px;
		font-weight: 700;
		padding: 20px 50px;
		-webkit-transition: .25s;
		transition: all .25s;
		background-color: #3b5998;
		color: #fff;
		-webkit-box-pack: justify;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		display: flex;
	}
	.facebook_btn i {
		position: relative;
		left: -80px;
		font-size: 22px;
		top: 2px;
	}
	.google_btn {
		/*margin-top: 25px;*/
		cursor: pointer;
		width: 100%;
		border-radius: 4px;
		border: none;
		outline: 0;
		font-size: 16px;
		font-weight: 700;
		padding: 20px 50px;
		-webkit-transition: .25s;
		transition: all .25s;
		background-color: #dd4b39;
		color: #fff;
		-webkit-box-pack: justify;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		display: flex;
	}
	.google_btn i {
		position: relative;
		left: -93px;
		font-size: 22px;
		top: 2px;
	}
	.hr_or {
		text-align: center;
		position: relative;
		margin-top: 24px;
		margin-bottom: 20px;
	}
	.hr_or span {
		background: #fff;
		position: relative;
		padding: 5px 10px;
		z-index: 2;
	}
	.hr_or::before {
		position: absolute;
		width: 100%;
		left: 0;
		height: 1px;
		content: '';
		background-color:  #d4d4d4;
		top: 11px;
		z-index: 1;
	}
	.login_btn {
		padding: 10px 55px;
		background-color: #f1592a;
		border: 0;
		color: #fff;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 700;
	}
	#email_field{
		width: 100%;
		padding: 13px 20px;
		color: #535353;
		font-size: 16px;
		border-radius: 8px;
		border: 1px solid #d4d4d4;
		background: #fff;
		outline: 0;
		box-sizing: border-box;
		-webkit-transition: .25s;
		transition: all .25s;
		height: auto;
	}
	.bottom_text {
		text-align: center;
		margin-top: 14px;
		font-size: 16px;
	}
	.bottom_text a {
		color: #001f33;
		margin-bottom: 20px;
		display: inline-block;
		font-weight: 600;
	}
	.right_container {
		display: flex;
		flex-direction: column;
		padding: 20px 110px;
		/*background: url(/images/eb3.work_logo.png) no-repeat center center;*/
		background-color: rgba(0, 0, 0, 0);
		background-repeat: no-repeat;
		background-size: auto;
		height: 100vh;
		position: relative;
		justify-content: center;
		background-size: cover;
		background-repeat: repeat;
		background-size: auto;
		background-color: #f1592abd;
	}
	.right_container h3,.right_container button{
		position: relative;
		z-index: 2;
	}
	.right_container h3 {
		font-size: 1.5em;
		margin-bottom: .6666em;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}
	.creat_btn {
		margin-top: 33px;
		background: #fff;
		border-color: #fff;
		color: #f1592a;
		padding: 10px 50px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 700;
		box-shadow: none;
		border: 0 none;
	}
	.login_screen .col-md-6{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.blue_overlay {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		z-index: 1;
		opacity: 1;
		background: url('https://image.freepik.com/free-vector/abstract-blue-geometric-shapes-background_1035-17545.jpg') rgba(241, 89, 42, 0.46);
		background-size: auto;
		background-size: cover;
		z-index: -1;
	}
	
	
	@media(max-width:767px){
		.left_container,.right_container {
			padding: 40px;
			height: auto;
		}
	}