@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    background: white;
    transition: 1s ease;
    background-size: 100% 100%;
    font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;

}

body,h1,h2,h3,h4,h5,h6,p,div,a,ul,ol,li,div,button, table,tr,th,td,span,i {
  font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align:left;
}

body
{
    background: white;
	background: url('../images/bgimg.jpg');
	background-size: 100%, 100%;
	background-repeat: no-repeat;
}
.container
{
	position: relative;
	width: 100%;
	float: left;
	box-sizing:border-box;
}
.content
{
	position: relative;
	width: 100%;
	float: left;
	box-sizing:border-box;
	overflow: hidden;
}
/*------------body-content-------------*/
.body-content
{
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.body-content .body-content-con
{
	position: relative;
	width: 100%;
	float: left;
/*	background: rgba(0,0,0,0.6);
*/}
.body-content .row
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
box-sizing: border-box;
}
.body-content .row .log-in-form
{
	position: relative;
	width: 30%;
	float: left;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 10px;
	box-sizing: border-box;  
	transition:0.5s ease;
		z-index: 10;
}


.body-content .row .log-in-form fieldset
{
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
	border: none;
	border-radius: 10px;
	box-sizing: border-box;
	background: rgb(254 195 10);
	transition:0.5s ease;
}

.body-content .row .log-in-form fieldset legend
{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
}
.body-content .row .log-in-form fieldset legend .company-logo
{
	position: relative;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	border-radius: ;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	transition: 1s ease;
}
.body-content .row .log-in-form fieldset legend .company-logo .image
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 5%;
	box-shadow: 0px 10px 20px -12px black;
}
.body-content .row .log-in-form fieldset legend .company-logo .image img
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
.body-content .row .log-in-form fieldset .form
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;

}
.body-content .row .log-in-form fieldset .form .l-y-p
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;

}
.body-content .row .log-in-form fieldset .form .l-y-p a:hover
{

	text-decoration: underline;

}
.body-content .row .log-in-form fieldset .form h2
{
	position: relative;
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	font-size: 20pt;
	font-weight: 600;
	color: #333;
	
}
.body-content .row .log-in-form fieldset .form .form-group
{
	position: relative;
	width: 100%;
	float: left;
	padding: 0px 10px;
	box-sizing: border-box;
}
.body-content .row .log-in-form fieldset .form .form-group .form-input
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px 20px;
	box-sizing: border-box;
}
.body-content .row .log-in-form fieldset .form .form-group .form-input input
{
	position: relative;
	width: 100%;
	float: left;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #111;
	font-weight: bolder;
	background-color: white;
	transition:0.5s ease;
}
.body-content .row .log-in-form fieldset .form .form-group .form-input select
{
	position: relative;
	width: 100%;
	float: left;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #111;
	font-weight: bolder;
	background-color: white;
	transition:0.5s ease;
}
.body-content .row .log-in-form fieldset .form .form-group .form-input input:focus
{
	outline: none;
}
.body-content .row .log-in-form fieldset .form .form-group .form-input input[type=submit]
{
	position: relative;
	width: 80%;
	margin-left: 10%;
	float: left;
	padding: 12px 0px;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 14pt;
	font-weight: normal;
	
	border: 0.5px solid lightgrey;
	background-color: #333;
	color: white;
	cursor: pointer;
	text-transform: uppercase;

}

.body-content .row .log-in-form fieldset .form .form-group .form-input input[type=submit]:hover
{
	opacity: 0.8;
}



/*------------footer-------------*/


.footer
{
	position: relative;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.footer p
{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	color: black;
}
.footer p a
{
	position: relative;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: blue;
	font-weight: bold;
}









@media screen and (max-width: 468px){

body
{
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.body-content .row .log-in-form
{
	position: relative;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	padding: 30px;
	box-sizing: border-box;  
	transition:0.5s ease;
		z-index: 10;
}




}