@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,600);
	html,body{
		margin:0px;
		padding:0px;
		/* font-family: 'Titillium Web', sans-serif; */
		/* font-weight:300; */
		/* font-size: 100%; */
		background: #fff;
	}

	#container_demo{
		text-align: left;
		margin: 0;
		padding: 0;
		margin: 0 auto;
		background: #ffffff;
		box-sizing: border-box!important;
		width: 100%;
	}
	.latizq.beneficiosn {
		text-align: left;
	}
	.container {
		/* height: auto!important; */
		box-sizing: border-box!important;
		width: 100%;
	}
	/** fonts used for the icons **/ 
	 a.calltoaction {display: inline-block;position: relative;width: 55%;max-width: 200px;color: #ffffff;float: right;background: #f4511e;padding: 12px 5px;border-radius: 3px;text-transform: uppercase;font-size: 0.75em;font-weight: 600;text-align: center;margin: 0em 2em 0 0;vertical-align: top;text-decoration: none!important;}


	a.hiddenanchor{
		display: none;
	}
	/** The wrapper that will contain our two forms **/
	.landingp{
		/* width: 60%; */
		/* right: 0px; */
		/* min-height: 528px; */
		/* margin: 0px auto; */
		/* width: 100%; */
		/* position: relative; */
	}
	.vbox-container {
		max-width:500px!important;
	}
	/**** Styling the form elements **/

	/**** general text styling ****/
	.landingp a{
		color: rgb(255, 255, 255);
		text-decoration: underline;
		max-width: 206px;
	}

	.landingp h1{
		font-size: 2.9em;
		color: #ffffff!important;
		padding: 2px 0 0px 0;
		font-weight: bold;
		text-shadow: 0px 2px 4px hsla(0, 0%, 0%, 0.15);
		text-align: left;
		/* background: #f3cf45; */
		width: 59.9%;
		padding-bottom: 4px;
		margin: 0.6em 0 55px 0%;
		line-height: 1.2;
		/* box-shadow: 3px 4px 1px #d58234; */
	}


	.landingp p{
		margin-bottom: 5px;
		color: #bfffff;
		text-align: center;
	}
	input.sub3 {
		margin-top: 2em!important;
	}
	.landingp p:first-child{
		margin: 0px;
	}
	.landingp label{
		color: rgb(64, 92, 96);
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
	}

	/**** advanced input styling ****/
	/* placeholder */
	::-webkit-input-placeholder  { 
		color: rgb(49, 97, 142); 
		font-style: normal;
	}
	input:-moz-placeholder,
	textarea:-moz-placeholder{ 
		color: rgb(94, 117, 162);
		font-style: normal;
	} 
	input {
		outline: none;
	}

	/* all the input except submit and checkbox */
	.landingp input:not([type="checkbox"]){
		display: block;
		width: 83%;
		text-indent: 1px;
		font-family: 'Titillium Web', sans-serif;
		font-size: 1em;
		padding: 2px 5% 0px 2%;
		margin: 0 auto 11px auto;
		border: 2px solid #0071a4;
		outline: #46A3D5;
		list-style-type:none;
		margin-bottom: 14px;
		width: 80.8%;
		-moz-box-shadow: none;
		font: normal 18px/26px;
		color: #081c35;
		background-color: rgba(61, 165, 204, 0.28);
		background-repeat: no-repeat;
		background-position: 5px 3px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
		border-radius: 2px;
	}
	.landingp input:not([type="checkbox"]):active,
	.landingp input:not([type="checkbox"]):focus{
		border: 2px solid #3F51B5;
		background: rgb(241, 253, 252);
		/* -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; */
		-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
		/* box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; */
	} 

	/** the magic icon trick ! **/
	[data-icon]:after {
		content: attr(data-icon);
		font-family: 'FontomasCustomRegular';
		color: rgb(106, 159, 171);
		position: absolute;
		left: 10px;
		top: 35px;
		width: 30px;
	}
	p.py-xl-4.py-3 {
		vertical-align: top!important;
		width: 100%;
		background: rgba(104, 105, 107, 0.27);
		padding: 0.6em 1em 0.6em 1em;
		text-align: center;
		color: #03436f;
		box-sizing: border-box!important;
		width: 101%;
		float: left;
		margin-top: 7.8em;
		font-size: 0.7em!important;
		display: inline-block;
	}
	/*styling both submit buttons */
	.landingp p.button input{
		width: 90%;
		outline:none;
		margin: 15px auto 10px;
		padding: 1px 5px;
		background: #f3cf45;
		color: #000000;
		transition:.5s all;
		max-width: 742px;
		box-sizing: border-box;
		-webkit-transition:.5s all;
		-moz-transition:.5s all;
		-o-transition:.5s all;
		-ms-transition:.5s all;
		font-size: 1.3em;
		height: 38px;
		font-weight:600;
		border-radius: 1px;
		border-radius: 4px;
		cursor: pointer;
		border: solid 2px #e89d56;
	}
	p.par02 {
		text-align: left;
		margin-top: -20px;
		margin-bottom: 5px;
		display: block;
		margin-left: 32px;
	}
	.landingp p.button input:hover{
		background: #ffba20;
		transition:.5s all;
		-webkit-transition:.5s all;
		-moz-transition:.5s all;
		-o-transition:.5s all;
		-ms-transition:.5s all;
	} 
	.landingp p.button input:active,

	p.login.button,
	p.signin.button{
		text-align: center;
		/* margin: 0px 0; */
	}
	input.sub3 {
		background: #2ecca7!important;
	}

	input.sub3:hover {
		background: #2ecccc!important;
	}

	/* styling the checkbox "keep me logged in"*/
	.keeplogin{
		margin-top: -5px;
	}
	.keeplogin input,
	.keeplogin label{
		display: inline-block;
		font-size: 12px;	
		font-style: italic;
	}
	.keeplogin input#loginkeeping{
		margin-right: 5px;
	}
	.keeplogin label{
		width: 80%;
	}
	input::-webkit-input-placeholder {
		color:#355162 ;
	}
	input::-moz-placeholder {
		color:#355162 ;
	}
	input:-moz-placeholder {   /* Older versions of Firefox */
		color:#355162 ;
	}
	input:-ms-input-placeholder { 
		color:#355162 ;
	}

	/*styling the links to change from one form to another */

	p.change_link{
		position: absolute;
		color: rgb(127, 124, 124);
		left: 0px;
		height: 20px;
		width: 440px;
		padding: 17px 30px 20px 30px;
		font-size: 16px	;
		text-align: right;
		border-top: 1px solid rgb(219, 229, 232);
		-webkit-border-radius: 0 0  5px 5px;
		-moz-border-radius: 0 0  5px 5px;
		border-radius: 0 0  5px 5px;
		background: rgb(225, 234, 235);
		background: -moz-repeating-linear-gradient(-45deg, 
			rgb(247, 247, 247) , 
			rgb(247, 247, 247) 15px, 
			rgb(225, 234, 235) 15px, 
			rgb(225, 234, 235) 30px, 
			rgb(247, 247, 247) 30px
			);
		background: -webkit-repeating-linear-gradient(-45deg, 
			rgb(247, 247, 247) , 
			rgb(247, 247, 247) 15px, 
			rgb(225, 234, 235) 15px, 
			rgb(225, 234, 235) 30px, 
			rgb(247, 247, 247) 30px
			);
		background: -o-repeating-linear-gradient(-45deg, 
			rgb(247, 247, 247) , 
			rgb(247, 247, 247) 15px, 
			rgb(225, 234, 235) 15px, 
			rgb(225, 234, 235) 30px, 
			rgb(247, 247, 247) 30px
			);
		background: repeating-linear-gradient(-45deg, 
			rgb(247, 247, 247) , 
			rgb(247, 247, 247) 15px, 
			rgb(225, 234, 235) 15px, 
			rgb(225, 234, 235) 30px, 
			rgb(247, 247, 247) 30px
			);
	}
	.landingp p.change_link a {
		display: inline-block;
		font-weight: bold;
		background: rgb(247, 248, 241);
		padding: 2px 6px;
		color: rgb(29, 162, 193);
		margin-left: 10px;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid rgb(203, 213, 214);
		-webkit-transition: all 0.4s linear;
		-moz-transition: all 0.4s  linear;
		-o-transition: all 0.4s linear;
		-ms-transition: all 0.4s  linear;
		transition: all 0.4s  linear;
	}
	.landingp p.change_link a:hover {
		color: rgb(57, 191, 215);
		background: rgb(247, 247, 247);
		border: 1px solid rgb(74, 179, 198);
	}
	.landingp p.change_link a:active{
		position: relative;
		top: 1px;
	}
	/** Styling both forms **/
	#register, 
	#login{
		/* position: relative; */
		/* text-align: center; */
		/* margin: auto; */
		/* width: 97%; */
		/* margin-top: -29px; */
		/* height: auto; */
		/* top: 0%; */
		/* padding: 8px; */
		/* z-index: 1200; */
		/* background: rgba(72, 101, 161, 0.78); */
		/* border: solid 3px #42dcd1; */
		/* border-radius: 4px; */
		/* box-shadow: 0px 2px 10px rgba(8, 8, 8, 0.27); */
		/* max-width: 809px; */
		/* background: url(../images/fondo0.jpg); */
		/* background-position: 0% 0; */
		/* background-size: 100% auto; */
	}
	#register{	
		z-index: 21;
		opacity: 0;
	}
	#login{
		z-index: 22;
	}
	.contene {
		background: #fff;
		width: 90%;
		max-width: 900px;
		margin: 2em auto 1em;
		display: block;
		position: relative;
		z-index: 2;
		padding: 2em 0 1.2em 0;
		box-shadow: 0px 5px 13px rgba(23, 19, 90, 0.25);
		border: solid 1px #ccc;
	}

	.form.nuvo:before {
		content:"";
		display: block;
		position: absolute;
		width: 100%;
		height: 356px;
		background: url(../images/fondo0.jpg);
		background-position: 164px -6px;
		background-size: 89% auto;
	}
	#toregister:target ~ .landingp #register,
	#tologin:target ~ .landingp #login{
		z-index: 22;
		-webkit-animation-name: fadeInLeft;
		-moz-animation-name: fadeInLeft;
		-ms-animation-name: fadeInLeft;
		-o-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-delay: .1s;
		-moz-animation-delay: .1s;
		-o-animation-delay: .1s;
		-ms-animation-delay: .1s;
		animation-delay: .1s;
	}
	#toregister:target ~ .landingp #login,
	#tologin:target ~ .landingp #register{
		-webkit-animation-name: fadeOutLeft;
		-moz-animation-name: fadeOutLeft;
		-ms-animation-name: fadeOutLeft;
		-o-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
	}

	/** the actual animation, credit where due : http://daneden.me/animate/ ***/
	.animate{
		-webkit-animation-duration: 0.5s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		
		-moz-animation-duration: 0.5s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		
		-o-animation-duration: 0.5s;
		-o-animation-timing-function: ease;
		-o-animation-fill-mode: both;
		
		-ms-animation-duration: 0.5s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		
		animation-duration: 0.5s;
		animation-timing-function: ease;
		animation-fill-mode: both;
	}
	.cabeceram img {
		display: inline-block;
		position: relative;
		margin: -16px 0 6px 0.5%;
		max-width: 155px;
	}


	.cabeceram {
		background: #ffffffd9;
		padding: 0px 5px;
		width: 98.7%;
		margin: 0 auto 0px;
	}
	/** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */

	.lt8 .landingp input{
		padding: 10px 5px 10px 32px;
		width: 92%;
	}
	.lt8 .landingp input[type=checkbox]{
		width: 10px;
		padding: 0;
	}
	.lt8 .landingp h1{
		color: #066A75;
	}
	.lt8 #register{	
		display: none;
	}
	.lt8 p.change_link,
	.ie9 p.change_link{
		position: absolute;
		height: 90px;
		background: transparent;
	}
	.vbox-container {
		max-width:500px!important;
	}
	.tel1a {
		display: inline-block!important;
		width: 15.4%!important;
		margin-left: 0%!important;
		margin-right: 1.3%!important;
	}
	.tel2a {
		display: inline-block!important;
		width: 56.3%!important;
		margin-left: 0%!important;
	}
	span.lablada1 {
		width: 10%;
	}

	span.lablada2 {
		width: 10%;
	}

	.moreinfo {
		display: block;
		width: 87.4%;
		text-align: left;
		border: solid #bdbdbd 1px;
		padding-top: 1px!important;
		margin-left: 5.8%;
		/* border-block-end: solid #4f95e2 2px; */
		margin-top: -2px!important;
		background: rgb(251, 251, 251);
		padding-left: 8px;
		margin-bottom: 3px!important;
	}

	.moreinfo input {
		width: 22px;
		display: inline-block;
		height: 22px;
	}

	.moreinfo label {
		display: inline-block!important;
		position: relative!important;
		margin: 5px 0 0 4px!important;
		vertical-align: top!important;
		color: #c3eeff!important;
	}
	p.par02.colo02 {
		color: #0070a2!important;
		background: #00000003;
		font-weight: 600;
		width: 89%;
		font-size: .9em;
		margin-top: -11px!important;
		margin-left: 5.8%;
		padding-top: 0px;
		text-align: left!important;
	}
	div#container_demo {
		/* background: url(../images/fondo1.jpg); */
		/* background-position: 10% 0; */
		/* background-size: 100% auto; */
	}
	.cabeceraa {
		position: relative;
		margin: 0 auto 0;
		background: none;
		width: 90%;
		max-width: 900px;
		padding: 15px 0 0 0;
	}

	ul.semaf label:hover {
		transition: all .2s;
		color: black;
	}

	.moreinfo label:hover {
		transition: all .3s;
		color: #000000!important;
		cursor: pointer;
	}

	.semaf li {
		width: 29.6%!important;
		box-sizing: border-box;
		display: inline-block!important;
		max-width: 100%!important;
		padding: 1px 0.2% 0px 4.2%;
		/* box-shadow: 0px 0px 1px rgb(36, 91, 136); */
		border-radius: 2px;
		border: solid 2px rgb(0, 113, 164);
		/* border-bottom: none; */
		background: rgba(147, 206, 229, 0.38);
		vertical-align: top;
		min-height: 34px;
		margin: 1px 0 16px 2%;
	}
	.aceptaviso a {
		color: #000!important;
		display: inline-block!important;
		margin: 5px 1px 0 0 !important;
		font-weight: 700;
		color: #0071a4!important;
	}

	.aceptaviso > div {
		display: inline-block;
		vertical-align: top;
		margin: -1px 7px -7px 5px;
		border: solid 2px #55a0d7;
		padding: 5px 6px 0px 7px;
		border-radius: 3px;
		background: #d4eaf34a;
	}

	.aceptaviso > div label {
		color: #000!important;
		position: relative!important;
		display: inline-block!important;
		margin: -2px 0 0 7px!important;
		vertical-align: top!important;
	}

	.aceptaviso > div input {
		width: 17px;
		height: 18px;
	}

	.aceptaviso {
		text-align: center;
	}
	ul.semaf input {
		width: 15%!important;
		height: 23px;
		text-align: left;
		display: inline-block!important;
		float: left;
		margin: 4px 0 5px 0!important;
		border: solid 2px #000!important;
	}

	ul.semaf label {
		width: 77%;
		color: #004361!important;
		font-size: 1.2em;
		font-weight: 700;
		display: inline-block!important;
	}
.ff {
    margin: 8px 0 41px 11%;
    display: block;
    width: 49%;
    display: block;
    position: relative;
    padding-top: 95px;
}

.ff .calltoaction {
    margin: -7.9em 3em 0 1.7em;
}
	.semaf li p {
		width: 70%;
		color: black!important;
		font-size: 1.2em;
		font-weight: 700;
		display: inline-block!important;
		vertical-align: top;
	}

	.moreinfo.tipoeleccion h4 {
		font-size: 1.4em;
		color: #005790;
		text-align: center;
		font-weight: 600;
		margin: 0 0 2px 0 !important;
	}
	
	.pulsing {
	width: 50%;
	height: 28px;
	border-radius: 3px;
	z-index: 1;
	border:solid 2px #f4511e;
	background: #f4511e70;
	position: relative;
	position: absolute;
	top: 1.5em;
	right: 2.6em;
	max-width: 197px;
	float: right;
	animation: pulsing 2.3s linear infinite;
}
 div#pnlConfirm {
 	display: block;
 	animation: bye 2.3s normal forwards;
 	animation-delay: 9s;
 	position: fixed;
 	top: 0;
 	width: 100%;
 	height: 300px;
 	background: #0281bd;
 	z-index: 100000000;
 	text-align: center;
 	box-shadow: 1px 10px 59px rgba(0, 0, 0, 0.37);
 	}

div#pnlConfirm h5 {
    font-size: 2em;
    font-weight: 500;
    color: beige;
    position: relative;
    width: 92%;
    padding: 3% 2% 1% 2%;
    /* height: 35%; */
}

.confirmms {
    height: 100%;
}

.confirmms h5:after {
    content: "";
    display: block;
    position: absolute;
    top: 13%;
    right: 17%;
    height: 231px;
    background: url(../images/caricatura3.png);
    width: 16%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.confirmms p {
    color: #fff;
    font-size: 1.1em;
    margin-left: -4%;
}

.confirmms a {
    color: aqua;
    font-size: 0.9em;
    display: block;
    margin-top: 34px;
    margin-left: -4%;
}
	
@keyframes pulsing {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.6) scaleX(1.3);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.6) scaleX(1.3);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}
@keyframes bye {
	0% {
		opacity: 1; 
		transform: scaleY(1) scaleX(1);
		
	} 
	98% {
		opacity: 0; 
		transform: scaleY(1) scaleX(1);
	}
	100% {
		opacity: .0;
		transform: scaleY(0) scaleX(0);
		display: none;
	}
}
table#ooption td, table#ooption2 td {
    background: #c9e6f1;
    width: 29%;
    margin: 0 1%!important;
    border: solid 2px #0071a4;
    font-size: 0.9em;
    padding: 0 0 9px 0!important;
}

table#ooption, table#ooption2 {
    width: 100%;
    text-align: center;
    max-width: 636px!important;
    margin: 5px auto 10px!important;
}

table#ooption td input, table#ooption2 td input  { 
    display: block!important;
    position: relative;
    height: 20px!important;
    width: 34%!important;
    margin: 6px 0 -3px 32%!important;
}
	@media screen and (max-width: 500px){ 
 .confirmms h5:after {
    content: "";
    display: block;
    position: absolute;
    top: 138px;
    right: 27%;
    height: 231px;
    background: url(../images/caricatura3.png);
    width: 46%;
    background-repeat: no-repeat;
    background-size: 100%;
}
	 .pulsing {
	width: 50%;
	height: 28px;
	border-radius: 3px;
	z-index: 1;
	border:solid 2px #f4511e;
	background: #f4511e70;
	position: relative;
	position: absolute;
	top: -0.5em;
	right: 0.6em;
	max-width: 197px;
	float: right;
	animation: pulsing 2.3s linear infinite;
}
	
	.ff {
    margin: 2px 0 -12px -5%!important;
    display: block;
    width: 93%!important;
    display: block;
    position: relative;
    padding-top: 22px;
    padding-bottom: 0;
}

.ff .calltoaction {
    margin: -9.9em 3em 0 1.7em;
}
		 a.calltoaction {display: inline-block;position: relative;width: 55%;color: #ffffff;float: right;background: #f4511e;padding: 3% 2% 3% 2%;border-radius: 3px;text-transform: uppercase;font-size: 0.75em;font-weight: 600;text-align: center;margin: -3% 0 0 0;vertical-align: top;text-decoration: none!important;}


	.ff .pulsing {
	width: 50%;
	height: 28px;
	border-radius: 3px;
	z-index: 1;
	border:solid 2px #f4511e;
	background: #f4511e70;
	position: relative;
	position: absolute;
	top: -6em;
	left: 34%;
	/* float: right; */
	animation: pulsing 2.3s linear infinite;
}
 

		.moreinfo.tipoeleccion h4 {
    font-size: 1em;
}

		.contene {
			max-width: 463px!important;
		}
		.tel1a {
			display: inline-block!important;
			width: 18.1%!important;
			margin-left: -0.8%!important;
			margin-right: 1.3%!important;
		}

		.semaf li {
			width: 30%!important;
			margin: 1% 0.6% 0 0;
			position: relative;
			padding: 2px 0 0 0;
			height: 41px;
		}

		ul.semaf label {
			width: 95%;
			top: 6px;
			text-align: center;
			font-size: 0.9em;
			/* position: absolute!important; */
		}

		.verdechk{
			width: 30px!important;
			height: 19px!important;
			position: absolute!important;
		}


		ul.semaf input[type="radio"] {
			width: 18px!important;
			/* position: absolute!important; */
			text-align: left;
			margin: 0 0 0 33%!important;
			top: 1px;
			vertical-align: top;
		}

		.landingp p.button input {
			width: 90%;
			outline: none;
			margin: 24px auto 10px;
			padding: 1px 5px;
			background: #f3cf45;
			color: #000000;
			transition: .5s all;
			max-width: 742px;
			box-sizing: border-box;
			-webkit-transition: .5s all;
			-moz-transition: .5s all;
			-o-transition: .5s all;
			-ms-transition: .5s all;
			font-size: 1.3em;
			height: 38px;
			font-weight: 600;
			border-radius: 1px;
			border-radius: 4px;
			cursor: pointer;
			border: solid 2px #e89d56;
		}
		.contene {
			max-width: 463px!important;
		}

		.container {
			font-size: 100%;
		}
		.cabeceram {
			background: #ffffffd9;
			padding: 0px 0px;
			width: 100%;
			margin: 0 auto 0px;
			position: fixed;
			z-index: 100;
			position: relative;
		}
		.container {
			width: 100%;
			/* display: flex; */
			flex-wrap: nowrap;
			flex-direction: column;
			box-sizing: border-box;
			padding: 0!important;
			font-size: 100%;
		}
		
		.landingp h1 {
			font-size: 1.3em;
			text-align: left;
			width: 52%;
			margin: -1px 0 0 9px;
			padding: 0;
			text-shadow: 0 1px 2px #002036;
		}

		.form.nuvo:before {
			content:"";
			display: block;
			position: relative;
			width: 99%;
			height: 356px;
			background: #91cad0 url(../images/fondo0.jpg);
			background-position: 48% 0px;
			background-size: 220% auto;
			background-repeat: no-repeat!important;
		}
		
		.cabeceraa {
			position: relative;
			margin: -327px auto 0;
			background: none;
			width: 99%;
			max-width: 900px;
			box-sizing: border-box;
			padding: 0px 0 0 0;
		}
		
		.cabeceram img {
			display: inline-block;
			position: relative;
			margin: -16px 2% 5px 0;
			max-width: 108px;
			vertical-align: top;
		}
		.landingp input:not([type="checkbox"]) {
			height: 24px;
			font-size: 1em;
			padding: 2px;
		}
		.landingp {
			width: 100%!important;
			right: inherit!important;
			min-height: auto!important;
			margin: inherit;
			position: relative;
			min-width: 250px!important;
			max-width: 95%;
			margin-left: 0;
		}
		#register, #login {
			position: relative;
			text-align: left;
			width: 100%;
			margin: 0px;
			height: auto;
			top: 0%;
			padding: 0px;
			z-index: 1200;
			border-radius: 1px;
		}
	}
	@media screen and (max-width: 320px)
	{ 
		.landingp input:not([type="checkbox"]) {
			height: 19px;
			font-size: 1em;
			padding: 1.9px;
			margin-bottom: 11px;
		}
		.landingp {
			width: 100%!important;
			right: inherit!important;
			min-height: auto!important;
			margin: inherit;
			position: relative;
			min-width: 250px!important;
			max-width: 95%;
			margin-left: 0;
		}
		#register, #login {
			position: relative;
			text-align: left;
			width: 100%;
			margin: 0px;
			height: auto;
			top: 0%;
			padding: 8px;
			z-index: 1200;
			border-radius: 4px;
		}
		.landingp h1 {
			font-size: 1.2em;
			color: #dcfbff!important;
			padding: 2px 0 5px 0;
			font-weight: bold;
			text-align: center;
			padding-bottom: 10px;
		}
		.landingp p.button input {
			width: 80%;
			outline: none;
			margin-bottom: 10px;
			padding: 0px 5px;
			background: #6FA8E6;
			color: #003452;
			transition: .5s all;
			box-sizing: border-box;
			-webkit-transition: .5s all;
			-moz-transition: .5s all;
			-o-transition: .5s all;
			-ms-transition: .5s all;
			font-size: 1.3em;
			height: 30px;
			font-weight: 600;
			border-radius: 8px;
			cursor: pointer;
			border: none;
		}
	}