body{background:#3c434a;color:#a0aab3;}


#body{}
#body .grid1{display:grid;grid-template-columns:600px 1fr;grid-gap:0;
	height:100vh;
}
#body .grid1s{}
#body .grid1s.s1{padding:30px 100px;align-self:center;}
#body .grid1s.s1 .logo{text-align:center;}
#body .grid1s.s1 .logo img{width:200px;height:auto;}
#body .grid1s.s1 .border{margin:30px 0;}
#body .grid1s.s1 .border:before{content:"";display:block;width:70px;height:1px;margin:0 auto;background:#a0aab3;}
#body .grid1s.s1 .head{text-align:center;}
#body .grid1s.s1 .head .title{font-family:'montserrat_medium';font-size:1.6rem;color:#fff;}
#body .grid1s.s1 .head .info{margin:10px 0 0 0;}
#body .grid1s.s2{position:relative;z-index:1;overflow:hidden;}
#body .grid1s.s2 img.im1{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
	animation:loginzoom1 12s infinite alternate;
}


#body .grid1s.s1 .form{margin:30px 0 0 0;}
#body .grid1s.s1 .form .grup{margin:0 0 10px 0;}
#body .grid1s.s1 .form .grup .item{}
#body .grid1s.s1 .form .grup .item input[type="text"],
#body .grid1s.s1 .form .grup .item input[type="email"],
#body .grid1s.s1 .form .grup .item input[type="password"]{
	display:block;height:45px;width:100%;box-sizing:border-box;padding:0 15px;
	background:#15181a;color:#fff;font-family:'montserrat';font-size:1rem;
	border:none;
}
#body .grid1s.s1 .form ::-ms-input-placeholder{color:#7a8389;font-family:'montserrat';font-size:1rem;}
#body .grid1s.s1 .form ::placeholder{color:#7a8389;font-family:'montserrat';font-size:1rem;}
#body .grid1s.s1 .form .submit_line{ margin:5px 0 0 0;text-align:right; }
#body .grid1s.s1 .form .submit_line img.loading{display:none;height:30px;width:auto;}
#body .grid1s.s1 .form .submit_line button.submit{
	padding:10px 20px;background:#15181a;color:#7a8389;font-family:'montserrat_bold';font-size:1rem;letter-spacing:1px;border:none;cursor:pointer;
}
#body .grid1s.s1 .form .submit_line button.submit:hover{color:#fff;}

@keyframes loginzoom1 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}


@media only screen and (max-width:1000px){
	#body .grid1{grid-template-columns:350px 1fr;}
	#body .grid1s.s1{padding:30px 30px;}
}
@media only screen and (max-width:600px){
	#body .grid1{grid-template-columns:1fr;}
	#body .grid1s.s2{display:none;}
}




/*
#login_page{}
	#login_page .container{position:fixed;top:0;height:100vh;}
	#login_page .container.c1{z-index:2;left:0;width:50vw;overflow:hidden;background:#303641;}
	#login_page .container.c2{z-index:1;left:30vw;width:40vw;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;}
	#login_page .container.c3{z-index:2;right:0;width:50vw;overflow:hidden;background:#303641;}

	#login_page .container.c1.animate1{width:30vw;transition:1000ms width;box-shadow:20px 0 20px -20px #000;}
	#login_page .container.c3.animate1{width:30vw;transition:1000ms width;box-shadow:-20px 0 20px -20px #000;}

	#login_page .container .logo1{
		position:absolute;z-index:20;left:0;top:50%;width:100%;text-align:right;
		transform:translate(-50vw,-50%);opacity:0;
	}
		#login_page .container .logo1.animate1{transform:translate(0,-50%);opacity:1;transition:1000ms transform, 1000ms opacity;}
		#login_page .container .logo1 img{max-width:60%;height:auto;transform:translate(50%,0);}
	#login_page .container .logo2{
		position:absolute;z-index:20;left:0;top:50%;width:100%;text-align:left;
		transform:translate(50vw,-50%);opacity:0;
	}
		#login_page .container .logo2.animate1{transform:translate(0,-50%);opacity:1;transition:1000ms transform, 1000ms opacity;}
		#login_page .container .logo2 img{max-width:60%;height:auto;transform:translate(-50%,0);}
	#login_box{width:80%;max-width:280px;opacity:1;}
		#login_box.animate_complete{opacity:1;transition:1000ms opacity;}
			#login_box .form{}
				#login_box .form .formtitle{position:relative;padding:0 0 5px 0;margin:0 0 10px 0;font-family:"poppins_semibold";text-align:center;}
				#login_box .form .group1{margin:0 0 15px 0;}
					#login_box .form .group1 .title{color:#9097a3;}
					#login_box .form .group1 .item{position:relative;border-bottom:1px solid #9097a3;}
						#login_box .form .group1 .item input[type="text"],
						#login_box .form .group1 .item input[type="email"],
						#login_box .form .group1 .item input[type="password"]{
							display:block;width:100%;height:25px;box-sizing:border-box;
							background:none;color:#fff;border:none;

						}
						#login_box .form .group1 .item .icon{
							position:absolute;z-index:20;right:0;bottom:0;width:25px;height:25px;line-height:25px;text-align:center;
							font-size:1.2em;
						}
					#login_box .form .result{ padding:5px;margin:5px 0 0 0;color:#cc0000; }
					#login_box .form .submit_line{ margin:5px 0 0 0;text-align:right; }
						#login_box .form .submit_line img.loading{display:none;height:30px;width:auto;}
						#login_box .form .submit_line button.submit{padding:10px 20px;background:#303641;color:#9097a3;border:none;cursor:pointer;}
*/