@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');
* {padding: 0px;margin: 0px;list-style-type: none;box-sizing: border-box;outline: none;}
img {width: 100%;display: block;}
a {text-decoration: none;}
p,li,a{font-size: 14px;margin: 0px;text-decoration: none!important}
h1,h2,h3,h4,h5,h6,label{margin: 0px;}

.clr:before,.clr:after {clear: both;content: "";display: table;}
.clr:after {clear: both;}
.clr {*zoom: 1;}
.em1{margin: 10px 0px}
.em2{margin: 20px 0px}
.em3{margin: 30px 0px}
.em4{margin: 40px 0px}
.em5{margin: 50px 0px}
.em6{margin: 60px 0px}
.em8{margin: 80px 0px}
.ep1{padding: 10px 0px}
.ep2{padding: 20px 0px}
.ep3{padding: 30px 0px}
.ep4{padding: 40px 0px}
.ep5{padding: 50px 0px}
.ep6{padding: 60px 0px}
.ep8{padding: 80px 0px}
.normal-section{width: 100%;}
.fl-containet{width: 100%;margin: 0px auto;}
.md-container{width: 90%;margin: 0px auto;}
.sm-container{width: 80%;margin: 0px auto;}
.container{border: 1px dashed green;}
.boxHead{
	font-size: 20px;
}
.smallInfo{
	font-size: 12px;
}

.res{
	margin: 5px 0px;
	display: none;
}

body{font-family: 'Roboto', sans-serif;}
section{
	width: 100%;
}
button{
	outline: hidden!important;
	outline: none!important;
}
/*Login Page*/
.lrSection{
	background-image: url('../images/slide-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	background-color: #fafafa;
}

.formSide{
	width: 40%;
	height: 100vh;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: #61265A;*/
}

.formAndLogo{
	height: fit-content;
	width: 100%;
	/*border: 1px dashed #fff;*/
}

.lrLogo{
	width: 150px;
	margin: 0px auto;
	margin-bottom: 20px;
}

.lrForm{
	width: 70%;
	margin: 0px auto;
	background: #fff;
	padding: 30px 20px;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	border-radius: 5px;
}

.singleElement{
	margin-bottom: 15px;
}
.singleElement input{
	width: 100%;
	padding: 20px 10px!important;
}

.singleElement button{
	width: 100%;
	padding: 10px 5px!important;
}


/*responsive*/
@media screen and (max-width:768px) {
	.formSide {
	    width: 100%;
	    /*background: #61265a5c;*/
	}

	.lrForm {
	    width: 80%;
	}
}