@charset "utf-8";
/* CSS Document */

	@import url("https://fonts.googleapis.com/css?family=Sen&display=swap");	
 
 	@media only screen and (min-width: 2105px) and (max-width: 3009px){	
	
	#pmrlogoHome1 {
    width: 15%!important;
    height: auto;
    margin-top: 120px;
    margin-left: -4.5%;
	}

	div#lifeserviceh {
    color: #005496;
    margin-left: 0px;
    margin-top: calc(.02 * 100vw);
    margin-bottom: -0.2em;
    text-align: left;
    position: absolute;
	/*animation-dalay: 4s;	*/
    animation: myfirst 3s 1;
    animation-direction: alternate;
	}

	div#navhomeopt {
    padding-top: 1em;
    margin-top: calc(.3 * 100vw);
	margin-right: 5%;
    margin-bottom: 1em;
    position: relative;
    display: inline-block;
    float: right;
    z-index: 1000;
    animation: mynav 4s 1;
    animation-direction: alternate;
    transform: scale(0.9);
	text-aligh:right;
	}

div.martopadj {
	margin-top: -4em;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.35%;
    height: 25%;
    overflow: hidden;
	margin-top: 0em;
}

.fntsz24rtop {
    font-size: 2.2em;
    color: #c00;
    font-weight: 400;
    font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow";
	margin-top: calc(.27 * 100vw)!important;
    margin-bottom: 0.8em;
    position: relative;
}

.fntsz24r {
    font-size: 2.2em;
    color: #c00;
    font-weight: 400;
    font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow";
	margin-top: calc(.02 * 100vw)!important;
    margin-bottom: 0.8em;
    position: relative;
}

.fntsz24rbfless {
    font-size: 1.9em;
    color: #c00;
    font-weight: 400;
    font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow";
    margin-top: -0.75em;
    margin-bottom: 0.4em;
}

.frstpartop {
    margin-top: calc(-0.03 * 100vw)!important;
}

.frstpartophome {margin-top: calc(-0.032 *100vw);}

#fxdnav {width: 18%!important; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 8%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.03 * 100vw); right: 7%; font-size: 0.8em; border: solid 2px #005496; border-radius: .75em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.85em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	

	
	}
 
 
 /*	{box-sizing: border-box;}*/
	
	div#topbanner {
    width: 90%;
    margin: -4.7em auto 18px auto;
    padding-right: 6%;
    padding-left: 6%;
    z-index: 10;
	}

		
a.buttonsignup {
    font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
    font-size: 20px;
	background-color: #c00;
    color: #fff;
    height: 32px;
    width: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 2px 8px 2px 8px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    z-index: 500;
    white-space: nowrap;
	animation-name: fade; animation-duration: 1.5s;
}	
a:hover.buttonsignup {
    font-family: 'Oswald', 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow';
    font-size: 20px;
	background-color: #005496;
    color: #fff!important;	
	cursor: pointer;
	animation-name: fade; 
	animation-duration: 1.5s;
	transition: all .5s ease-in-out;
		}
		

@media only screen and (min-width: 1200px) and (max-width: 2104px){	
		#fxdnav {width: 18%!important; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 8%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.04 * 100vw); right: 7%; font-size: 0.8em; border: solid 2px #005496; border-radius: .75em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.85em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	
		
		.frstpartop {margin-top: calc(-.03 *100vw);}
		
		.frstpartophome {margin-top: calc(-0.032 *100vw);}
		
		#pmrlogoHome1 {
		width: 15%!important;
		height: auto;
		margin-top: 110px;
		margin-left: -4.5%;
		}
		
		div#lifeserviceh {
		color: #005496;
		margin-left: 0px;
		margin-top: calc(-.12 * 100vw);
		margin-bottom: -0.2em;
		text-align: left;
		position: absolute;
		/*animation-dalay: 4s;	*/
		animation: myfirst 3s 1;
		animation-direction: alternate;
		animation-fill-mode: forwards;
		}
		
		div#navhomeopt {
		padding-top: 1em;
		margin-top: calc(.32 * 100vw);
		margin-right: 2%;
		margin-bottom: 1em;
		position: relative;
		display: inline-block;
		float: right;
		z-index: 1000;
		animation: mynav 4s 1;
		animation-direction: alternate;
		transform: scale(0.9);
		text-align: right;	
		}	

		div.martopadj {
		margin-top: -4em;
		}
	
}

@media only screen and (min-width: 960px) and (max-width: 1199px){

		#fxdnav {width: 21%!important; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 8%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.04 * 100vw); right: 7%; font-size: 0.8em; border: solid 2px #005496; border-radius: .75em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.85em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	

	.frstpartop {margin-top: calc(-.04 *100vw);}
	
		#pmrlogoHome1 {
		width: 15%!important;
		height: auto;
		margin-top: 110px;
		margin-left: -4.5%;
		}

		div#lifeserviceh {
		color: #005496;
		margin-left: 0px;
		margin-top: calc(-.16 * 100vw);
		margin-bottom: -0.2em;
		text-align: left;
		position: absolute;
		/*animation-dalay: 4s;	*/
		animation: myfirst 3s 1;
		animation-direction: alternate;
		}

		div#navhomeopt {
		padding-top: 1em;
		margin-top: calc(.32 * 100vw);
		margin-right: -1%;
		margin-bottom: 1em;
		position: relative;
		display: inline-block;
		float: right;
		z-index: 1000;
		animation: mynav 4s 1;
		animation-direction: alternate;
		transform: scale(0.85);
		text-align: right;	
		}

		div.martopadj {margin-top: -2.25em;}
	
}

@media only screen and (min-width: 768px) and (max-width: 959px){

		#fxdnav {width: 25%!important; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 4%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.04 * 100vw); right: 0%; font-size: 0.8em; border: solid 2px #005496; border-radius: .75em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.85em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	
		
		.frstpartop {margin-top: calc(-.07 *100vw);}
		
		#pmrlogoHome1 {
		width: 15%!important;
		height: auto;
		margin-top: 110px;
		margin-left: -4.5%;
		}	

		div#lifeserviceh {
		color: #005496;
		margin-left: 0px;
		margin-top: calc(-.28 * 100vw);
		margin-bottom: -0.2em;
		text-align: left;
		position: absolute;
		/*animation-dalay: 4s;	*/
		animation: myfirst 3s 1;
		animation-direction: alternate;
		}

		div#navhomeopt {
		padding-top: 1em;
		margin-top: calc(.38 * 100vw);
		margin-right: -5%;
		margin-bottom: 1em;
		position: relative;
		display: inline-block;
		float: right;
		z-index: 1000;
		animation: mynav 4s 1;
		animation-direction: alternate;
		transform: scale(0.75);
		text-align: right;
		}

		div.martopadj {margin-top: -2.25em;}
	
}


@media only screen and (min-width: 640px) and (max-width: 767px){
		
		#fxdnav {width: 25%!important; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 4%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.04 * 100vw); right: 0%; font-size: 0.8em; border: solid 2px #005496; border-radius: .75em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.75em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	
		
		.frstpartop {margin-top: calc(-.01 *100vw);}
		
		#pmrlogoHome1 {
		width: 15%!important;
		height: auto;
		margin-top: 110px;
		margin-left: -4.5%;
		}

		div#lifeserviceh {
		color: #005496;
		margin-left: 0px;
		margin-top: calc(-.3 * 100vw);
		margin-bottom: -0.2em;
		text-align: left;
		position: absolute;
		/*animation-dalay: 4s;	*/
		animation: myfirst 3s 1;
		animation-direction: alternate;
		}

		div#navhomeopt {
		padding-top: 1em;
		margin-top: calc(.40 * 100vw);
		margin-right: -10%;
		margin-bottom: -.5em;
		position: relative;
		display: inline-block;
		float: right;
		text-align: right;	
		z-index: 1000;
		animation: mynav 4s 1;
		animation-direction: alternate;
		transform: scale(0.72);
		}	


		div.martopadj {
		margin-top: 1em;
		}	

}

@media only screen and (min-width: 421px) and (max-width: 639px){

		#fxdnav {width: 30%!important; padding-top: 0.2em; padding-right: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; position: relative; float: right; margin-top: 2em; margin-left: 4%; margin-bottom: calc(100vh - 500px)!important; top: calc(-.04 * 100vw); right: 0%; font-size: 0.65em; border: solid 2px #005496; border-radius: .6em;  z-index: 5000; display: block; }
		
		#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"!important; font-size: 0.75em!important; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; height: 1.1em!important; vertical-align: middle; margin-bottom: 0.4em; margin-top: 0.4em;}
		
		#fxdnav a:hover {display: block!important; background-color: #c00!important;}	
		
		#fxdnav a:active {display: block!important; background-color: #c00!important;}	
		
		#fxdnav {display:none;}
		
		.wdadj60 {width: 60%;}

		.frstpartop {margin-top: calc(-.01 *100vw);}
			
		#pmrlogoHome1 {
		width: 30%!important;
		height: auto;
		margin-top: 90px!important;
		margin-left: 4.5%;
		}

		div#lifeserviceh {
		color: #005496;
		margin-left: 0px;
		margin-top: calc(.06 * 100vw);
		margin-bottom: -0.2em;
		text-align: left;
		position: absolute;
		/*animation-dalay: 4s;	*/
		animation: myfirst 3s 1;
		animation-direction: alternate;
		}

		#navhomeopt{display: none!important;}

}

@media only screen and (min-width: 360px) and (max-width: 420px){

		.frstpartop {margin-top: calc(-.01 *100vw);}
		#fxdnav {display:none;}

		#navhomeopt{display: none!important;}

}

	div#topbannerhome {
    width: 90%;
    margin: 3.25em auto 18px auto;
    padding-right: 6%;
    padding-left: 6%;
    z-index: 10;
	}	
	
	a.rojoazul {color: #c00!important;}
	a:hover.rojoazul {color: #005496!important;}
	
	.sinwrap {white-space: nowrap!important;}
	
	.circle {list-style-type: circle;}
	
	@keyframes myfirst {
  	0% {left: -600px;}
 	/* 25%  {left: 0px; }*/
  	/*75%  {left: 5%;} */
  	100% {left: 6%;} 
}