@import url(//fonts.googleapis.com/css?family=Roboto+Slab:300);
@import url(//fonts.googleapis.com/css?family=Roboto:300); 
@import url('//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');
@import url('//fonts.googleapis.com/icon?family=Material+Icons'); 
@import url('//fonts.googleapis.com/css2?family=Jockey+One&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Varela+Round&display=swap'); 

.gicons{ font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
.gicons{ top: 1px; line-height: 1; opacity: 0.5; font-size: 1.4em; } 
html{ background: #e8e8e8;}
body{ font-family: "Roboto","Arial Narrow","Trebuchet MS",Arial; margin: 0 auto; background: #E0E1E3; color: #454545; -webkit-print-color-adjust:exact;}
html, button, input, select, textarea, a{ color: #454545; font-family: "Roboto","Arial Narrow","Trebuchet MS",Arial; }
input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="tel"]{ text-indent:5px; }
form{ margin: 0; padding: 0; }
.errFld{ box-shadow: 0 0 5px #f00; }
textarea,input,select,option{ font-family: "Roboto","Arial Narrow","Trebuchet MS",Arial; }
select{ -webkit-appearance: menulist-button; border:1px solid #cccccc; border-radius: 5px; padding: 0 5px; color: #A6A6A6; }
textarea{ border-radius: 5px; border:1px solid #cccccc; padding: 0 5px; font-size: 0.9em; }
input{ border-radius: 5px; border:1px solid #cccccc;  }
h1{ font-family: "Roboto Condensed","Arial Narrow","Trebuchet MS";  font-size: 2.5em; color: #454545; font-weight: 300; margin:10px 0; clear:both;}
.ui-widget { font-family: "Roboto","Arial Narrow","Trebuchet MS",Arial; font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Roboto","Arial Narrow","Trebuchet MS",Arial;  }
.hpad{ padding-left: 20px; padding-right: 20px;}
.hpad10{ padding-left: 10px; padding-right: 10px;}
.pad10{ padding: 10px;}
.h5{ height:5px; line-height: 5px; }
.h10{ height:10px; line-height: 10px; }
.left{ float: left;}
.right{ float: right;}
.cboth{ clear: both;}
.cleft{ clear: left; }
.cright{ clear: right; }
.tcenter{ text-align: center;}
.tleft{ text-align: left;}
.tright{ text-align: right;}
.hObj{ display:none; visibility:hidden;}
.vObj{ display:block; visibility:visible;}
.content{ background:#f2f2f2; }
.wbg{ background:#fff; }
.page-header{ background-color:#fff; min-height:200px;}
header{ position:fixed; top:0; left:0; right:0; background: #E0E1E3;}	
footer{ position:fixed; bottom:0; left:0; right:0;  height: 70px; background: rgb(17, 66, 105); text-align:center; font-size:0.8em;}	
footer .page-span{ height: 40px; color:#fff; line-height:40px;}	
footer .page-span a{  color:#fff; }	
footer .wbg{ height: 30px; line-height:30px; }	
.page{ margin-bottom:70px; padding: 0 0 10px 0;}
.logo{ margin-top:10px;}
#lpnav-AR{ list-style:none; margin:0; padding:0; height: 40px; display: block; box-shadow: 0 2px 0 #888; }
#lpnav-AR li{ list-style:none; margin:0; padding:0; float:left; line-height:40px; }

#lpnav-AR li.active{ font-weight:bold; }
.imgholder img{ width:100%;}
.vfmenu ul{ list-style:none; margin:0; padding:0; }
.vfmenu ul li{ list-style:none; margin:0; padding:0; height:30px; line-height:30px; float:left;}
.vfmenu ul li.active{ font-weight:bold; }
.vmenu ul li{ height:30px; line-height:30px;}
.vmenu ul li.active{ font-weight:bold; }

.page-span{ min-width:300px;}
.asapcontact ul{ list-style:none; margin:0; padding:0; }
.asapcontact ul li{ list-style:none; margin:0; padding:0; clear:both; margin-bottom:10px; }
.asapcontact input[type=text]{ width:100%; height:40px; }
.asapcontact input[type=email]{ width:100%; height:40px; }
.asapcontact input[type=submit]{ background: rgb(17, 66, 105); height:40px; width: 150px; color:#fff; font-weight:bold; font-size:1.2em;}
.asapcontact textarea{ width:100%; height:150px; }
#fss_asapContact{ color:orange;}
#fsd_asapContact{ color:green;}
@media only screen and (min-width: 0) and (max-width: 430px) {
	.page-span{ width:calc(100% - 20px); margin: 0 auto;}
	.page .imgholder{ width:100%; }
	.vfmenu ul li{ width:50%;}
	header{ height: 70px; }
    header .asaplogo{ margin-top:5px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 40px; }
    header .asaplogo img{ height: 40px; }
    .page{ margin-top:70px;}
    #lpnav-AR li{ margin: 0 10px 0 0; font-size:0.8em; }
}
@media only screen and (min-width: 431px) and (max-width: 550px) {
	.page-span{ width:calc(100% - 20px); margin: 0 auto;}
	.page .imgholder{ width:100%; }
	.vfmenu ul li{ width:50%;}
	header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 15px 0 0; }
}
@media only screen and (min-width: 551px) and (max-width: 800px) {
    .page-span{ width:calc(100% - 20px); margin: 0 auto;}
	.page .imgholder{ width:90%; margin-left:5%; }
	.vfmenu ul li{ width:25%;}
	header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 15px 0 0; }
}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
	.page-span{ width:780px; margin: 0 auto;}
    .page .imgholder{ width:80%; margin-left:10%;}
    .vfmenu ul li{ width:20%;}
    header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 15px 0 0; }
}
@media only screen and (min-width: 1001px) and (max-width: 1280px) {
    .page-span{ width:980px; margin: 0 auto;}
	.page .imgholder{ width:80%; margin-left:10%;}
	.vfmenu ul li{ width:20%;}
	header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 20px 0 0; }

}
@media only screen and (min-width: 1281px) and (max-width: 2500px) {
    .page-span{ width:1250px; margin: 0 auto;}
	.page .imgholder{ width:80%; margin-left:10%;}
	.vfmenu ul li{ width:20%;}
	header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 40px 0 0; font-size:1.2em; }

}
@media only screen and (min-width: 2500px){
    .page-span{ width:2000px; margin: 0 auto;}
	.page .imgholder{ width:75%; margin-left:10%;}
	.vfmenu ul li{ width:10%;}
	header{ height: 80px; }
    header .nprlogo{ margin-top:5px; }
    header .nprlogo img{ height: 50px; }
    header .asaplogo img{ height: 60px; }
    .page{ margin-top:80px;}
    #lpnav-AR li{ margin: 0 40px 0 0; font-size:1.2em; }
}