body{background:#ddd;}
body a:hover{color:#000;}

#membership .grid1{display:grid;grid-template-columns:700px 1fr;grid-gap:0;
	height:100vh;
}
#membership .grid1s{}
#membership .grid1s.s1{padding:30px 100px;align-self:center;}
#membership .grid1s.s1 .logo{text-align:center;}
/*#membership .grid1s.s1 .logo img{width:200px;height:auto;}*/
#membership .grid1s.s1 .border{margin:30px 0;border:1px solid #363636 !important;}
/*#membership .grid1s.s1 .border:before{content:"";display:block;width:70px;height:1px;margin:0 auto}*/
#membership .grid1s.s1 .head{text-align:center;}
#membership .grid1s.s1 .head .title{font-family:'medium';font-size:1.6rem;}
#membership .grid1s.s1 .head .info{margin:10px 0 0 0;}
#membership .grid1s.s1 .links1{margin:20px 0 0 0;}
#membership .grid1s.s1 .links1 div{margin:0 0 4px 0;}
#membership .grid1s.s1 .links1 div a{}
#membership .grid1s.s2{position:relative;z-index:1;overflow:hidden;}
#membership .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;
}


#membership .grid1s.s1 .form{margin:30px 0 0 0;}
#membership .grid1s.s1 .form .grup{margin:0 0 10px 0;}
#membership .grid1s.s1 .form .grup .item{}
#membership .grid1s.s1 .form .grup .item input[type="text"],
#membership .grid1s.s1 .form .grup .item input[type="email"],
#membership .grid1s.s1 .form .grup .item input[type="password"],
#membership .grid1s.s1 .form .grup .item select{
	display:block;height:40px;width:100%;box-sizing:border-box;padding:0 15px;
	font-family:'regular';font-size:1rem;
	border:none;
}
#membership .grid1s.s1 .form ::-ms-input-placeholder{color:#ccc;font-family:'regular';font-size:1rem;}
#membership .grid1s.s1 .form ::placeholder{color:#ccc;font-family:'regular';font-size:1rem;}
#membership .grid1s.s1 .form .submit_line{ margin:5px 0 0 0;text-align:right; }
#membership .grid1s.s1 .form .submit_line img.loading{display:none;height:30px;width:auto;}
#membership .grid1s.s1 .form .submit_line button.submit{
	padding:8px 20px;background:#15181a;color:#7a8389;font-family:'bold';font-size:1rem;letter-spacing:1px;border:none;cursor:pointer;
}
#membership .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){
	#membership .grid1{grid-template-columns:600px 1fr;}
	#membership .grid1s.s1{padding:30px 30px;}
}
@media only screen and (max-width:600px){
	#membership .grid1{grid-template-columns:1fr;}
	#membership .grid1s.s2{display:none;}
}



.form_grid22{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:10px;grid-row-gap:0px;}
    .form_grid_self{grid-column:12 span;}
    .form_grid_self.type_2{padding:10px;background:#eee;}
    .form_grid_self.w2{grid-column:6 span;}
    .form_grid_self.w3{grid-column:4 span;}
    .form_grid_self.w4{grid-column:3 span;}
@media only screen and (max-width:850px){
    .form_grid_self.w4{grid-column:6 span;}
}
@media only screen and (max-width:750px){
    .form_grid_self.w2{grid-column:12 span;}
    .form_grid_self.w3{grid-column:12 span;}
    .form_grid_self.w4{grid-column:12 span;}
}