@import "https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet";
*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0;
	margin:0
}
.main_wrapper{
	height:100%;
	width:100%;
	
}
.leftdiv{
	width:47%;
	height:100%;
	//background: rgba(61, 79, 93,.8);
	background:rgba(254, 68, 1,.4);
    color: #fff;
	float:left;
	margin-left:-47%;
	text-align:right;
	font-family: 'Montserrat', sans-serif;
	position:relative;
	
	
	
}
.leftdivv{
	width:47%;
	height:100%;
	
    color: #fff;
	float:left;
	text-align:right;
	font-family: 'Montserrat', sans-serif;
	
	background:brown;
	
	
}
.leftdivv img{
	width:100%;
	height:100%;
}
.rightdiv img{
	height:150px;
	width:150px;
}
.rightdiv{
	font-family: 'Montserrat', sans-serif;
	width:47%;
	height:100%;
	/*background: rgb(61, 79, 93);
    color: #fff;
	float:left;
	text-align:right;*/
}
.leftdiv .header-large{
	font-family: 'Montserrat', sans-serif;
	margin-top:25%;
	margin-right:10px;

}
.leftdiv .header-large h2{
	color:#eee;
	font-size:14px;
	
}
.leftdiv .header-large ul{
	list-style:none;

}
.leftdiv .header-large ul li{
	display:inline-block;
	margin:5px;
	height:50px;
	width:70%;
	

}
.leftdiv .header-large ul li a{
	display:inline-block;
	color:#eee;
	text-decoration:none;
	border:1px solid #eee;
	width:30%;
	text-align:center;
	height:50px;
	line-height:50px;
	border-radius:50px;

}
.leftdiv .header-large ul li a:hover{
	background:#efed40;
	color:#262626;
	border:none;
	border-radius:50px;

}
.login-box{
	font-family: 'Montserrat', sans-serif;
	position:absolute;
	top:50%;
	left:70%;
	transform:translate(-50%,-50%);
	width:27%;
	height:420px;
	padding:80px 40px;
	box-sizing:border-box;
	//background:rgba(59, 108,186,0.5);
		//background: rgba(61, 79, 93,.5);
}
.user{
	width:150px;
	height:150px;
	border-radius:50%;
	margin-top:-60px;
	/*overflow:hidden;
	position:absolute;
	top:calc(-100px/2);
	left:calc(50% - 50px);*/
	
	
}

.login-box h2{
	font-family: 'Montserrat', sans-serif;
	margin:0;
	padding:0 0 20px;
	color:rgb(46, 209, 92);
	text-align:center;
	
}
.login-box p{
	margin:0;
	padding:0;
	font-weight:bold;
	color:rgb(46, 209, 92);
}

.login-box input{
	width:100%;
	margin-bottom:20px;
}
.login-box input[type="text"], input[type="password"]{
	border:none;
	border-bottom:1px solid gray;
	//background:transparent;
	//color:#fff;
	font-size:16px;
}
::placeholder{
	color:rgba(255,255,255,.5);
		//background: rgb(61, 79, 93);
}
.login-box input[type="submit"]{
	border:none;
	outline:none;
	height:40px;
	color:#fff;
	font-size:16px;
	background:rgb(46, 209, 92);
	cursor:pointer;
	border-radius:20px;
	
	
}

.login-box input[type="submit"]:hover{
	background:#efed40;
	color:#262626;
}
@media (max-width:700px) {

.main_wrapper{
	height:100%;
	width:100%;
	
}
.leftdiv{
	width:100%;
	max-height:20%;
	background: rgb(61, 79, 93);
    color: #fff;
	//float:left;
	text-align:left;
	margin:0%;
}
.leftdivv{
	display:none;
}
.rightdiv{
	width:100%;
	height:100%;
	/*background: rgb(61, 79, 93);
    color: #fff;
	float:left;
	text-align:right;*/
	
}
.leftdiv .header-large{
	margin-top:2%;
	//margin-right:10px;

}
.leftdiv .header-large h2{
	color:#1f8dd6;

}
.leftdiv .header-large ul{
	list-style:none;

}
.leftdiv .header-large ul li{
	display:inline-block;
	margin:5px;
	height:50px;
	width:70%;
	

}
.leftdiv .header-large ul li a{
	display:inline-block;
	color:#eee;
	text-decoration:none;
	border:1px solid #eee;
	width:48%;
	text-align:center;
	height:50px;
	line-height:50px;

}
.login-box{
	position:absolute;
	top:60%;
	left:50%;
	transform:translate(-50%,-50%);
	width:90%;
	height:420px;
	padding:80px 40px;
	box-sizing:border-box;
	//background:rgba(59, 108,186,0.5);
	
}
	
	.user{
	width:160px;
	height:160px;
	border-radius:50%;
	overflow:hidden;
	position:absolute;
	top:calc(-160px/2);
	left:calc(50% - 80px);
	margin-top:12%;
	text-align:center;
}
.login-box h2{
	margin-top:18%;
}
.leftdiv .header-large ul{
	display:none;
}
.leftdiv .header-large h2{
	display:none;

}
.a-link{
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	font-weight:bold
}
  
.leftdivv{
	display:none;
}
.leftdiv{
	display:none;
}    
}