* {
    margin:0;
    padding:0;
    border:0;
    background:none;
    text-decoration:none;
    font-family:'century gothic','calibri','verdana','arial';
}

.container
{
	width:1200px;
	margin:0 auto;
	margin-bottom:50px;
	padding:0;
	text-align:left;
	display:table;
	border:0;
	background:none;
}

.middleContentBox
{
	float:left;
	width:940px;
	margin:0;
	font-size:16px;
	color:#1f1f1f;
	border:0;
}

.middle_content
{
	float:left;
	width:1140px;
	margin:0;
	padding:30px;
	font-size:16px;
	color:#1f1f1f;
	border:0;
	background:#fff;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	line-height:1.3;
}

.button
{
	padding:7px 10px;
	background:#FFCC00;
	border:0;
	color:#000;
	font-size:16px;
	font-weight:normal;
	border-radius:5px;
	cursor:pointer;
	-web-appearance:none;
}

body
{
	background:url(../jpg/blurredbackgroundnew2.jpg);
	background-size:cover;
	background-attachment:fixed;
}

.registrationBox
{
	width:900px;
	min-height:570px;
	display:table;
}

.pictureBox
{
	width:50%;
	padding:40px 5%;
	font-size:0.9em;
	color:white;
	box-sizing:border-box;
	background:#ff0000;
	background:url(../jpg/registrationpicturenew1.jpg);
	background-size:100% 100%;
	background-size:auto 100%;
	display:table-cell;
}

.benefitBox
{
	width:50%;
	height:inherit;
	padding:40px 5%;
	background-color:white;
	box-sizing:border-box;
	display:table-cell;
}

.benefitBoxSubject
{
	font-size:2em;
	margin-bottom:20px;
	margin-top:20px;
	color:rgba(0,0,0,0.7);
}

.benefitBoxSmallSubject
{
	margin-bottom:20px;
	font-size:1.2em;
	line-height:1.5;
	color:rgba(0,0,0,0.8);
}

.benefitBoxCaptions
{
	font-size:0.9em;
	line-height:1.5;
	color:rgba(0,0,0,0.9);
	margin-bottom:30px;
}

.registrationButton
{
	margin:0;
	display:block;

	padding:7px 21px !important;
	font-weight:bold;
	border-radius:50px !important;
	transition:0s;
	opacity:1;

	padding:5px 10px;
	/* background:#00ccff !important; */
	background: linear-gradient(180deg, #229CCD -12.5%, #1D62EB 223.86%) !important;
	color:#fff !important;
	letter-spacing:1px;	

	/* border:1px solid #fff; */
}

.registrationButton:active
{
	transform: translateY(6px);
	outline:none;
}

.registrationButton:focus
{
	outline:none;
}

input:required:focus
{
	border:1px solid #ff0000;
}

.loginButton
{
	float:right;
	width:48%;
	width:auto;
	width: 98%;
	margin-left:1%;
	margin-right:1%;
	font-size:0.9em;
	padding:15px 4%;
	border-radius:10px;
	transition:0.5s;
	color:rgba(0,0,0,0.8);
	color:#fff;
	background-color:#fff;
	background:#00ccff;
	box-sizing:border-box;
	cursor:pointer;
}

.loginButton:active
{
	transform:translateY(6px);
	outline:none;
}

.loginButton:focus
{
	outline:none;
}

.loginInput
{
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px 3%;
	color:black;
	border-radius:10px;
	border:1px solid rgba(255, 255, 255, 0.9);
	box-sizing:border-box;
	background-color:rgba(255, 255, 255,0.6);
	transition:0.5s;
}

.loginInput:active
{
	outline:none;
}

.loginInput:focus
{
	background-color:rgba(255, 255, 255, 0.9);
	outline:none;
}

.loginLabel
{
	font-weight:bold;
	color:rgb(0,0,0,0.7);
}

.registrationBox a
{
	color:white;
	color:rgb(0,0,0,0.7);
	font-weight:bold;
}

.informationBox
{
	position:absolute;
	top:10px;
	right:10px;
	color:white;
	font-size:0.9em;
}

.informationBox a
{
	padding:10px;
	font-family:inherit;
	font-size:inherit;
	color:white;
	display:inline-block;
	background-color:#6792B9;
	border-radius:5px;
}

@media screen and (max-width:900px)
{
	body
	{
		//background:url(../pics/blurredBackgroundNew2.jpg);
		//background-size:cover 100%;
		//background-repeat:no-repeat;
		//background-attachment:fixed;
	}

	.container
	{
		width:100%;
		margin:0px auto;
		padding:20px 0px 0px 0px;
		border:0;
		text-align:left;
		display:table;
		background:none;
	}

	.middleContentBox
	{
		width:100%;
	}

	.middle_content
	{
		float:none;
		width:92%;
		margin:0px 2% 0px 2%;
		padding:0px 2% 20px 2%;
		font-size:20px;
		display:table;
	}

	.registrationBox
	{
		width:100%;
		max-width:450px;
		height:auto;
		position:relative;
		margin-left:0;
		margin-top:0;
		margin-bottom:0px;
		top:unset;
		left:unset;
		box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);
	}

	.pictureBox
	{
		width:100%;
		min-height:505px;
		padding:60px 5% 40px 5%;
		font-size:0.9em;
		color:white;
		display:block;
	}

	.benefitBox
	{
		width:100%;
		padding:40px 5%;
		box-sizing:border-box;
		display:table;
	}

	.informationBox
	{
		position:absolute;
		bottom:10px;
		right:10px;
		color:white;
		font-size:0.9em;
		background-color:transparent;
		z-index:1;
	}

	.informationBox a
	{
		background-color:rgba(255, 255, 255, 0.5);
	}
}


@media screen and (max-width:700px)
{
	.container
	{	
		width:100%;
		margin:0px auto;
		padding:20px 0px 0px 0px;
		border:0;
		text-align:left;
		display:table;
		background:none;
	}

	.middleContentBox
	{
		width:100%;
	}

	.middle_content
	{
		float:none;
		width:92%;
		margin:0px 2% 0px 2%;
		padding:0px 2% 20px 2%;
		font-size:20px;
		display:table;
	}

	.informationBox
	{
		display:none;
	}

	.loginButton
	{
		float:none;
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}

	.registrationButton
	{
		float:none;
		width:98%;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:15px;
	}
}

@media screen and (max-width:400px)
{
	body
	{
		//background:url(../pics/blurredBackgroundNew2.jpg);
		//background-size:100% 500px;0
		//background-repeat:no-repeat;
		//background-attachment:fixed;

		background:linear-gradient(to bottom, rgba(0, 152, 203, 0.65) 0%, rgba(11, 15, 41, 0.65) 100%);
	}
}