@charset "utf-8";
/* CSS Document */
/*html body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}*/	
	body {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		background: #fff;
		font-size: 18px;
		color: #000;
		overflow-x: hidden; */
		transition: all .5s ease-in-out;
		animation: fadeInAnimation ease 4s;
    	animation-iteration-count: 1;
    	animation-fill-mode: forwards;
	}
		p {font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #000;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;	
		}	
		
		p a {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: inline-block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em .5em 0;
		text-align: left;	
		color: #005496;	
		text-decoration: none;	
		}
		
		p a:hover {
			color: #005496;
			text-decoration: none;
		}
		
		p.wbull {margin-bottom: .8em;}
		
		p.bluebf {
			font-weight: 700;
			color: #005496;
			line-height: 1.6em;
		}

		p.pwht{font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #fff;
		}

		div.pp {font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #000;
		text-decoration: none;
		width: 50%;}

		.bf {font-weight: 700;}
		.bfred {font-weight: 700; color: #c00;}
		.bf {font-weight: 700; color: #005496;}
		.normital {font-weight: 400!important; color: #c00!important; font-style: italic;}

		div.pp a{text-decoration: none;} 
		
		ul {
			/*margin-top: -.5em;*/
		}
		
	/*	ul.bluelistbf li {
			font-weight: 700;
			font-size: 21px;
			color: #005496!important;
			list-style-image: url('images/pmr-icon-14-blue.gif');
			line-height: 1.4em;
		}
		
		ul li {
			font-weight: 400;
			/*font-size: 21px;*/
	/*		color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}

		ul.force li {
			font-weight: 400;
			font-size: 21px;
			color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}

		ol li {
			font-weight: 400;
			font-size: 21px;
			color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}*/

	p.rqdTxt {color: #c00!important; font-weight: 500;}

	div#titlepanel{width: 35%; left: 0; height: calc(16vw); position: absolute; background-color: #6F9CB1; opacity: 0.3; animation: bgpnl1 5s 1; animation-direction: normal; z-index: 1; }
		
	div#titlepanel2{width: 28%; left: 37%; height: calc(16vw); position: absolute; background-color: #6F9CB1; opacity: 0.3; animation: bgpnl2 5s 1; animation-direction: normal; z-index: 1; }
		
	div#titlepanel3{width: 35%; left: 67%; height: calc(16vw); position: absolute; background-color: #6F9CB1; opacity: 0.3; animation: bgpnl3 5s 1; 
	animation-direction: normal; z-index: 1; }

/*****THREE col images****/
ul.hldr3 {width: 100%; margin: 0; margin-top: 2em; list-style-type: none!important; display: inline-block;}
ul.hldr30 li.Pc2C {position: relative; list-style-type: none; width: auto; list-style-type: none!important; margin: 1em auto 0em auto; text-align: center; z-index: 100;}

ul.hldr3 li.Pc3L {position: relative; float: left; width: 24%; list-style-type: none!important; top: -calc(16vw); margin-top: 6em; padding-right: 3%; margin-left: 8%; z-index: 100;}
ul.hldr3 li.Pc3M {position: relative; float: left; width: 24%; list-style-type: none!important; margin-top: 6em; padding-right: 3%; margin-left: 3%; z-index: 100;}
ul.hldr3 li.Pc3R {position: relative; float: left; width: 24%; list-style-type: none!important; margin-top: 6em; padding-right: 8%; margin-left: 3%; z-index: 100;}
ul.hldr3 li.Pc3L a img {position: relative; width: 100%; height: auto;  border-radius: 1em;}
ul.hldr3 li.Pc3M a img {position: relative; width: 100%; height: auto;  border-radius: 1em;}
ul.hldr3 li.Pc3R a img {position: relative; width: 100%; height: auto;  border-radius: 1em;}

/*****TWO col images****/

	div#titlepanel2CL {width: 50%; left: 0; height: calc(16vw); position: absolute; background-color: #6F9CB1; opacity: 0.3; animation: bgpnl1 5s 1; animation-direction: normal; z-index: 1; }
		
	div#titlepanel2CR {width: 48%; left: 52%; height: calc(16vw); position: absolute; background-color: #6F9CB1; opacity: 0.3; animation: bgpnl3 5s 1; 
	animation-direction: normal; z-index: 1; }

ul.hldr3 li.Pc2L {position: relative; float: left; width: 38%; list-style-type: none!important; top: -calc(16vw); margin-top: 5em; padding-right: 3%; margin-left: 8%; z-index: 100;}
ul.hldr3 li.Pc2R {position: relative; float: left; width: 38%; list-style-type: none!important; margin-top: 5em; padding-right: 8%; margin-left: 3%; z-index: 100;}
ul.hldr3 li.Pc2L a img {position: relative; width: 100%; height: auto;  border-radius: 1em;}
ul.hldr3 li.Pc2R a img {position: relative; width: 100%; height: auto;  border-radius: 1em;}


ul.hldr3 li.Pc2S {position: relative; width: 90%; list-style-type: none!important; margin-top: 5em; test-align: left; margin-left: 8%; z-index: 100; font-size: 1.4em;}

div#formhldr {margin-top: -5em;}
div#formhldr ul {margin-left: -2.5em; width: 700px;}

.ccardsize {width: 60%!important; height: auto;}

/********************************/

h2.redcntr {
		color: #c00;
		margin-left: 0px;
		margin-top: 0em;
		margin-bottom: .8em;	
		text-align: center;
		position: relative;
	}
		
	h2 {
		font-size: 2em;
		color: #005496;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: -.2em;	
		text-align: left;
		position: relative;
	}
		
	h2.martop2 {
		color: #005496;
		margin-left: 0px;
		margin-top: 2em;
		margin-bottom: -.2em;	
		text-align: left;
		position: relative;
	}		

	h2.martopredcnt1 {
		color: #c00!important;
		text-align: center;
		margin-top: 1em;
		margin-bottom: -.2em;	
		position: relative;
	}
	div#lifeservice {
		color: #005496;
		margin-left: 0px;
		margin-top: 2em;
		margin-bottom: -.2em;	
		text-align: left;
		position: relative;
  		animation: myfirst 5s 1;
  		animation-direction: alternate;		
	}
		
		
		.imgfltr1 {width: auto; max-height: 214px; float: right; margin-top: 0em; margin-right: -4.2em; margin-left: 20px;}
		.imgfltr {width: auto; max-height: 214px; float: right; margin-top: 0em; margin-left: 20px;}
		.imgfltrtop {width: auto; max-height: 214px; float: right; margin-top: 1em; margin-left: 20px;}


		
/*#stripimghomeslider {display: block; margin-left: 50%; width: 600px; }*/
#stripimghomeslider {position: relative; display: block; margin-top: 23px!important; margin-left: 0%; width: 100%; height: auto; z-index: 1; }		
#stripimghomesliderlog {position: relative; display: block; margin-top: 43px!important; margin-left: 0%; width: 100%; height: auto; z-index: 1; }

.menu-container:nth-child(3) {
    height: 26px!important;
}
/*.striptexthldrbot{}		*/

.cycletext{margin-top: -110px; margin-left: -5%; font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'; font-weight: 700; font-size: 2em; color: #005496;}		
		
	a.button {
		font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'!important;
		font-size: 16px;
			background-color: #005496;
			color: #fff;
			height: 30px;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 1px 8px 2px 8px;
			border-radius: 8px;
			cursor: pointer;
			text-decoration: none;
			font-weight: 500;
			letter-spacing: .03em;
			z-index: 500;
		} 
		
	a.button:hover {
		font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'!important;
		font-size: 16px;
			background-color: #c00;
			color: #fff!important;
			height: 30px;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 1px 8px 2px 8px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
			text-decoration: none;
			font-weight: 500;	
			letter-spacing: .03em;
			z-index: 500;
		}
		
/*ENROLL BUTTON*/
		
	a.enrollbutton {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 1.5em;
			background-color: #c00;
			color: #fff;
			height: 3em;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			text-decoration: none;
			font-weight: 700;
			z-index: 500;
		} 
		
	a:hover.enrollbutton {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 1.5em;
			background-color: #005496;
			color: #fff!important;
			height: 3em;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
			text-decoration: none;
			font-weight: 700;	
			z-index: 500;
		}

a.backbutton {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 1em;
			background-color: #005496;
			color: #fff;
			height: 2.3em;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			text-decoration: none;
			font-weight: 400;
			z-index: 500;
		} 
		
	a.backbutton:hover {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 1em;
			background-color: #c00;
			color: #fff!important;
			height: 2.3em;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
			text-decoration: none;
			font-weight: 400;	
			z-index: 500;
		}

	div.endblock {margin-bottom: -1em; position: relative;}
		
	.navhomebtm {margin-top: -.75em; margin-bottom: 1em; display: inline-block; float: right;} 
	.navhomebtm1 {margin-top: -2.25em; margin-bottom: 1em; display: inline-block; float: right;}

	div.navhomebtm {padding-top: 1em; margin-top: -.75em; margin-right: 0%; margin-bottom: 1em; position: relative; display: inline-block; float: right; z-index: 1000; animation: mynavbtm 2s 1; animation-direction: alternate;	}

	div.navhomebtm1 {margin-top: -2.25em; margin-right: 4%; margin-bottom: 1em; position: relative; display: inline-block; float: right; z-index: 1000; animation: mynavbtm 2s 1; animation-direction: alternate;	}

	div.navhome {padding-top: 1em; margin-top: calc(-.09 * 100vw)!important; margin-right: -2%; font-size: .9em; position: relative; display: inline-block; float: right; z-index: 1000; animation: mynav 2s 1; animation-direction: alternate;}
	
	div.navhome.owner {margin-top: calc(-.05 * 100vw)!important;}	
		

/********************************/

		
	h2.bluecntr {
		color: #005496;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: 1em;	
		text-align: center;
		position: relative;
	}		
		
	h3 {
		font-weight: 700;
		font-size: 1.2em;
		color: #000;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: 1em;	
		text-align: left;
		position: relative;
	}

h3.bluebf {
		font-weight: 700;
		font-size: 1.2em;
		color: #005496;
		margin-left: 0px;
		margin-top: .7em;
		margin-bottom: 1em;	
		text-align: left;
		position: relative;
	}

	

	h3.regh3 {
		font-weight: 400;
		font-size: 1.2em;
		line-height: 1.5;
		color: #000;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: 1em;	
		text-align: left;
		position: relative;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;
	}
	
	h3#newsthanks {
		color: #005496;
		font-style: italic;
		margin-top: 12px;
		border: 1px #c00 solid;
		border-radius: 8px;
		padding: 8px 18px;
		width: 50%;
		transition: color .5s ease-in-out;
		/*animation*/
		}
	
	h3.emaila {
		font-weight: 700;
		font-size: 1.2em;
		color: #000;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: 1em;	
		text-align: left;
		position: relative;
	}	
		
	h3 a {
		font-color: #005496!important;
		font-weight: 700;
		/*font-size: 1.2em;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: -.2em;
		text-align: left;
		position: relative;*/
		text-decoration: none;
		cursor:pointer;
		}
	h3 a:hover  {
		font-color: #c00!important;
		text-decoration: none;
		}	
		a {
			text-docoration: none;
			color: #005496;
		}
		a:hover {
			text-docoration: none;
			color: #c00!important;
		}

.titpnlh3 {
		color: #005496;
		margin-top: 12px;
		font-size: 2em;
		font-weight: 400;
		padding: 8px 18px;
		width: 50%;
		transition: color .5s ease-in-out;
		z-index: 1000!important;
		opacity: 1.0!important;
		/*animation*/
		}

h3.endtag {
		font-weight: 700;
		font-size: 1.2em;
		color: #c00;
		/*float: left;*/
		width: auto;
		margin-left: 0px;
		margin-top: 1em;
		margin-bottom: 1em;	
		text-align: left;
		font-style: italic;
		position: relative;
	}

.endtagtop {padding-left: 1em; scale: .8; text-align: center; font-size: 1em; padding-top: .5em;}
.endtagtop a {padding-left: 1em; scale: .8; text-align: center; font-size: 1em; padding-top: .5em;}
.endtagtop a:hover {padding-left: 1em; scale: .8; text-align: center; font-size: 1em; padding-top: .5em;}

.center90 {width: 90%; margin: 0 auto; text-align: center;}

img.receivehub {max-width: 70%; margin: 0 auto;}
	
input {
		
		font-size: 18px;
		padding: 4px 4px;
		color: #005496;
		border: 1px solid #005496;
		border-radius: 4px;
		cursor: pointer;	
		}	
input.rspndr {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 24px;
		font-weight: 700;
		/*width: auto;	*/
		padding: 8px 4px;
		color: #005496;
		border: 2px solid #005496;
		border-radius: 6px;
		cursor: pointer;
		text-align: center;
		margin-left: .5em;
		}

input.rspndr:focus { border: 2px solid #f00; background-color: #CDE9F0; outline-color: #f00;}
		
	input.button {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 16px;
			background-color: #005496;
			color: #fff;
			height: 32px;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px;
			border-radius: 8px;
			cursor: pointer;		
		} 
input.bttnrspnd:focus { border: 4px solid #c00;}		

	input.button:hover {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 16px;
			background-color: #c00;
			color: #fff;
			height: 32px; 
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
		} 

a.buttonr {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 16px;
			background-color: #c00;
			color: #fff;
			height: auto;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			text-decoration: none;
			font-weight: 700;
			z-index: 500;
			white-space: nowrap;
		} 
		
	a:hover.buttonr {
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
		font-size: 16px;
			background-color: #005496;
			color: #fff!important;
			height: auto;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 4px 8px 4px 8px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
			text-decoration: none;
			font-weight: 700;	
			z-index: 500;
			white-space: nowrap;
		} 

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@-moz-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



div.wrapper {width: 100%; margin: 0% 0%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; background-image: linear-gradient(120deg, lightblue 0%, white 30%);} /* background-repeat: no-repeat; background-size: cover; background-color: #ace; top: 0; left: 0; background-image: url("https://www.personalmedrecords.com/images/blue-top-rightbanner-1350.jpg"  );}	*/	
div.fullwd {width: 100%; background-color: transparent; position: relative; display: block;}
div.bodfullwd {width: 100%; margin: 0; height: auto; background-color: transparent; position: relative; display: block; padding-bottom: 1em;}

div.footfullwd {width: 100%; background-color: #005496; position: relative; display: flex; z-index: 100; padding-top: 20px; padding-bottom: 20px; margin-top: -1em;}

div#topbanner {width: 100%; padding-right: 6%; padding-left: 6%; z-index: 100; position: relative;}

div#toprightbanner {width: 70%; height: 170px; position: absolute; top: 0px; right: 0%;  z-index: -1;}

div#topbanner a {text-decoration: none;}
div#topbanner a:hover {text-decoration: none;}





		/* Fading animation */
/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;	
  margin-top: -60px;
}
.slideshow-container:hover {
	cursor: pointer;
}
#logohldr {width: 50%; z-index: 100!important;}		
#pmrlogo {width: 30%; height: auto;}

#mainwide {position: relative; max-width: 1200px; margin: 0 auto; padding-right: 6%; padding-left: 6%; position: relative; background-color: transparent;}
.mainwide1 {max-width: 1200px; margin: 0 auto; padding-right: 6%; padding-left: 6%; position: relative; background-color: transparent;}	

.fltlft {float: left;}
.fltlftL1 {float: left; margin-left: 1em;}
.fltrght, .fltrght a {float: right; z-index: 2000;}	
.fltrghtAR, .fltrghtAR a {float: right; text-align: right; margin-right: 0em; font-size: .9em; z-index: 2000;}		

.marlesstop05 {margin-top: -.5em;}
.marlesstop1 {margin-top: -1em;}
.marlesstop2 {margin-top: -2em;}
.martop0 {margin-top: 0em;}
.martop1 {margin-top: 1em;}
.martop105 {margin-top: 1.5em;}
.martop2 {margin-top: 2em;}
.martop3 {margin-top: 3em;}
.martop4 {margin-top: 4em;}
.padtop1 {padding-top: 1em;}
.padtop2 {padding-top: 2em;}
.martopbot12 {margin-top: 1em; margin-bottom: 2em;}
.martopbot02 {margin-top: 0em; margin-bottom: 2em;}		
.martopbot052 {margin-top: -.5em; margin-bottom: 2em;}			
.martop0 {margin-top: 0em;}
.marbot0 {margin-bottom: 0em;}		
.marbot2 {margin-bottom: 2em;}
.marbot4 {margin-bottom: 4em;}
.marbotless05 {margin-bottom: -0.5em;}		
.marbotless1 {margin-bottom: -1em;}
.marbotless2 {margin-bottom: -2em;}
.marlftless05 {margin-left: -.5em;}
.marlftless1 {margin-left: -1em;}	
.marlftless2 {margin-left: -2em;}
.marlftless3 {margin-left: -3em;}
.marlftless4 {margin-left: -4em;}
.marlftless5 {margin-left: -5em;}
.marlft05 {margin-left: 0.5em;}
.marlft1 {margin-left: 1em;}	
.marlft2 {margin-left: 2em;}
.marlft3 {margin-left: 3em;}
.marrght05 {margin-right: 0.5em;}
.marrght1 {margin-right: 1em;}	
.marrght2 {margin-right: 2em;}
.marrght3 {margin-right: 3em;}
.marrght4 {margin-right: 3em;}

.doclrleft {clear: left!important;}
.doclrright {clear: right;}
.doclrboth {clear: both;}

.fonwt3	{font-weight: 300;}
.fonwt4	{font-weight: 400;}
.fonwt5	{font-weight: 500;}
.fonwt7	{font-weight: 700;}

.maxwd80pcn {max-width: 80%;}

.ruletop {
    clear: left;
    position: relative;
    margin: 0em 0px -1em 0px;
    border-bottom: solid 2px #005496;
    height: 1.5em;
    width: 100%!important;
    text-align: left;
    display: block;
}

.calctop1st {margin-top: calc(-.05 * 100vw); margin-right: auto; margin-left: auto;}
.calctoplogoinsd {top: calc(-.1 * 100vw); margin-right: auto; margin-left: auto;}
/*.calctoplogoinsd {top: calc(-.13 * 100vw); margin-right: auto; margin-left: auto;}*/

div.footfullwd {width: 100%; background-color: #005496; position: relative; display: block; z-index: 100; padding-top:20px; padding-bottom: 20px; margin-top: -1em; clear: left;}		

/*------------------TWO COLUMN SECTION------------------------------*/
section.two-column, div.two-column {position: relative; max-width: 100%; margin: 2em auto; background-color: transparent; clear: left;}
.col2-1 {position: relative; margin: 1em 1.5% 1em 0%; width: 45.5%; float: left; background-color: transparent; }
.col2-2 {position: relative; margin: 1em 0% 1em 1.5%; width: 45.5%; float: left; background-color: transparent; }