@charset "utf-8";
/* CSS Document */
html body {margin: 0; padding: 0;}

@media only screen and (min-width: 2105px) and (max-width: 2816px){	

	div.bodfullwd {width: 100%; height: auto; background-color: transparent; position: relative; display: block; }
	#pmrlogoFoot {width: 100%!important; height: auto;}
	
}

@media only screen and (min-width: 1800px) and (max-width: 2104px){	
	
	div.bodfullwd {width: 100%; height: auto; background-color: transparent; position: relative; display: block;  }
	#pmrlogoFoot {width: 100%!important; height: auto;}
	
}

	body {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		background: #fff;
		font-size: 18px;
		color: #000;
		top: 0 !important;
    position: relative;
    margin-top: 0px !important;
		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;
		}	
		
		p a {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: 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 {
			font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			display: block;
			position: relative;	
			font-size: 21px;
			line-height: 1.5em;
			margin: .5em 1em .5em 0;
			color: #005496;
			text-decoration: none;
		}
		
		p.wbull {margin-bottom: .8em;}
		
		p.bluebf {
			font-weight: 700;
			color: #005496;
		}

		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;}
		
		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;
		}	

	div {
		background-color: #fff;
		min-width: 400px;
		max-width: 1200px;
		padding: 0 1em;
		margin: 0 auto;
		display: block;
		margin-top: 1em;
		
	}*/

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

	h2.ngro {
		color: #000!important;
		margin-left: 0px;
		margin-top: 1em!important;
		margin-bottom: -.2em;	
		text-align: left;
		position: relative;
	}

.negro {color: #000!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;
	}	
	
	p#newsthanks {
		color: #fff;
		font-style: italic;
		margin-top: 8px;
		margin-left: 20%;
		border: 1px #c00 solid;
		border-radius: 8px;
		padding: 8px 18px;
		width: 60%;
		transition: color .5s ease-in-out;
		position: absolute;
    	z-index: 2000;
    	background-color: #c00;
    	opacity: 1.0;
		/*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;
		}		
	
	input {
		font-size: 16px;
		padding: 5px 4px;
		color: #005496;
		border: 1px solid #005496;
		border-radius: 4px;
		cursor: pointer;
		}	
		
	input.button {
		font-size: 18px;
			background-color: #005496;
			color: #fff;
			height: 38px;
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 8px;
			border-radius: 8px;
			cursor: pointer;		
		} 
		
	input.button:hover {
		font-size: 18px;
			background-color: #c00;
			color: #fff;
			height: 38px; 
			width: auto;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 8px;
			border-radius: 8px;
			cursor: pointer;
			transition: all .5s ease-in-out;
		} 
		
.cycletext{position: relative; margin-top: -15%; margin-left: 5%; font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow'; font-weight: 700; font-size: 42px; color: #005496;}

.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}
}

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



div.wrapper {width: 100%; margin: 0% 0%; height: 100%; position: relative; top: 0; left: 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!important; display: block;}
/*div.bodfullwd {width: 100%; height: auto; background-color: transparent; position: relative; display: block;}*//* background-image: url("https://www.personalmedrecords.com/images/A-telemedicine-PMR.jpg"  ); background-size: auto;}*/
div.bodfullwd {width: 100%; height: auto; background-color: transparent; position: relative; display: block; margin-top: calc(100vw * .03);}

div.bodfullwdmngYPD {width: 100%; height: auto; background-color: transparent; position: relative; display: block; margin-top: calc(100vw*.0185);}

div#topbanner {width: 100%; margin: 18px auto 18px auto; padding-right: 6%; padding-left: 6%; z-index: 10;}

div#toprightbanner {width: 70%; height: 170px; position: absolute; top: 0px; right: 0%;  z-index: -1;}
		/* Fading animation */
#logohldr {width: 50%;}		
#pmrlogo {width: 40%; height: auto;}
#pmrlogoHome {width: 40%; height: auto;}
#pmrlogoFoot {width: 40%; height: auto;}

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

.fltlft {float: left;}
.fltrght {float: right;}
		
.marlesstop05 {margin-top: -.5em;}
.marlesstop1 {margin-top: -1em;}
.martop1 {margin-top: 1em;}
.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;}		
.marbot4 {margin-bottom: 4em;}		
.doclrleft {clear: left;}
.doclrright {clear: right;}
.doclrboth {clear: both;}