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

html, body {background: #f7f5f2; margin: 0;}
/*.content { width:90%; height:90%; margin:20px auto; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05);}*/
.content { background: #f7f5f2; }

@font-face {
font-family: "Quatro";
src:  
	url('quatro/Quatro-Regular.woff') format('woff'),
	url('quatro/Quatro-Regular.woff2') format('woff2'),
	url('quatro/Quatro-Regular.ttf') format('truetype');
font-style: normal;
            }
@font-face {
font-family: "Quatro-SemiBold";
src:  
	url('quatro/Quatro-SemiBold.woff') format('woff'),
	url('quatro/Quatro-SemiBold.woff2') format('woff2'),
	url('quatro/Quatro-SemiBold.ttf') format('truetype');
font-style: normal;
            }

* { font-family: 'Quatro', Arial, sans-serif; font-weight:normal;font-style:normal; font-size: 1.2em;  color: #000000; }
p { margin-bottom: 1em; font-size: 1.2em;}
ul {margin-bottom: 2em;}
li { font-size: 1.2em;}
h1 {font-size: 1.4em;}
strong {font-family: 'Quatro-SemiBold', Arial Black, sans-serif;}
.header { padding: 1em 0em 1em;}
.phone { white-space: nowrap; font-size: 1em; font-family: 'Quatro', Arial, sans-serif; font-weight:normal;}
.t_button { position: absolute; right: 0;  display: block; background:#f3fc76; color: #000000; font-size: 1em; padding: .5em 1em; cursor: pointer; margin-top: .5em;}
.login_bg { display: none; position: absolute; z-index: 100; width:100%; height:100%; left: 0; top:0;  background-color:rgba(0, 0, 0, 0.5);  }
.login { position: absolute; z-index: 101; width:400px; height:200px; left: 50%; top:50%; margin-top: -100px; margin-left: -200px; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); color: #333 !important; }
.login h2 { color: #333 !important; }
.login .login_close {color: #333 !important;}

.login_form {width: 100%;}
.login_form td { padding: 0 10px 0 0; vertical-align: middle; color: #333 !important;}
.login_form input { border: 1px solid #DDD; height: 30px; margin-top: 5px; color: #333 !important;}

.login_form input[type="text"], .login_form input[type="password"] { width: 100%; color: #333 !important; }
.login_form input[type="password"] { font-size: 2em; color: #333 !important; }
.login_form input[type="submit"] { padding: 5px 15px; color: #333 !important;}	
.tx {cursor: pointer; margin-top:7px;}
.tx:hover { color: #00002f; }
.tt {display: none; position: relative; width: 100%;  }

.tt p { font-size: .9em; margin-bottom: 1em; }
.logout { position: absolute; text-align: right; padding-right: 130px; right: 0; }
.logout a {position: absolute; right: 2em; z-index: 102; text-decoration: none; width: 70px; padding: 5px 10px; margin-top: -5px; text-align: center;}
.logout a:hover { color: #FFF; background: #00002f;}
.admin {position: absolute; right: -60px; display: block; padding: 5px 10px; background: #0a232d; color: #FFF; top:0; cursor: pointer; font-size: 1.5em; width: 60px !important;}



.error { color:#C00; font-size: .8em;}

.content1 a  {color: #00002f;}
.content2 p, .content2 li {font-size: 1em;}
.content2 h3 {font-family: "Quatro-SemiBold"; font-size: 1.2em;}



.download { color: #00002f; cursor: pointer;}
.download_bg, .admin_bg { display: none; position: absolute; z-index: 105; width:100%; height:100%; left: 0; top:0;  background-color:rgba(0, 0, 0, 0.5);  }

.download_box { position: absolute; z-index: 101; width:400px; height:200px; left: 50%; top:50%; margin-top: -100px; margin-left: -200px; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); }


.admin1 { position: absolute; z-index: 101; width:640px; height:600px; left: 50%; margin-top: 100px; margin-left: -320px; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05);  padding: 20px; color:#333; }


.download_box p { font-size: 1em; margin-bottom: 1em; color: #333; }
.download_box table { width: 100%;}
.download_box td {padding-right: 1em; vertical-align: text-top; color: #333;}
.download_box select { width: 100%; border: 1px solid #CCC; height: 30px; color: #333;}
.download_box input[type="submit"]  { padding: 5px 15px; border: 1px solid #CCC; height: 30px;  color: #333;}
.close_download, .close_admin { position: absolute; right: 1em; top: .6em; cursor: pointer;  color: #333;}
.close_admin { top: .1em; }
textarea { display: block; width: 100%; height: 200px;  vertical-align:top;  color: #333;
}

.adobe {display: inline-block; width: 50px; position: relative; top:3px; height:13px; background: url("../images/adobe.png") no-repeat; background-size: 50px; padding: 0 5px;}

input[type="submit"] {	
	border: none;
	cursor: pointer;
	outline: none;
	width: 100px;
	height: 30px;
	color:#FFF;
	background:#AAA;
}

.footer_bg { width: 100%; height:300px; background: #f2fc6f; position: relative; bottom:0; margin-top: 4em;}
.footer { margin:0 auto; font-size: .8em; position: relative; color:#FFF !important; }
.footer p { color:#000000; }
.footer h5 { font-family: "Quatro-SemiBold"; font-size: 1.3em; color: #00002f;  margin-bottom: .5em;}
.footer a { color: #00002f; }
.f1 td {vertical-align: top; padding-right: 6em; width: 25%; }
.blocks div { width:200px; float: left; margin-right: 6em;}




@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { * {font-size: .98em;} /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	.header { width: 90%; margin: 0 auto;  position: relative;}	
	.open { width: 90%; margin: 0 auto; font-size: 3em; }
	* {font-size: .98em;} 
	.big1 { background: url('../images/bg3.jpg') no-repeat left center; width: 100%; height: 30em; background-size: 110%; }
	.privacy { background: url('../images/privacy.jpg') no-repeat left center; width: 100%; height: 10em; background-size: 100%; }
	.reports { background: url('../images/reports.jpg') no-repeat left center; width: 100%; height: 10em; background-size: 100%; }
	.intro { width: 440px; padding-top: 2em; line-height: 1em; color: #FFF; }
	.intro2 { width: 600px; padding-top: 1em; line-height: 1em; color: #FFF; font-size: .75em;  }
	.content1, .content2 { width: 90%; margin: 0 auto; }
	.footer {  width: 90%; }
	.blocks div { width:auto; }
	.footer_bg { height:600px;  }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
}
@media (min-width:900px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ * {font-size: .98em;} 
	.blocks div { width:200px; }
 	.footer_bg { height:450px;  }

}
@media (min-width:1100px) { /* big landscape tablets, laptops, and desktops */ * {font-size: .98em;} 	
 }
@media (min-width:1200px) { /* big landscape tablets, laptops, and desktops */ * {font-size: .98em;} 	
 	.footer_bg { height:300px;  }
 }
@media (min-width:1205px) { /* hi-res laptops and desktops */ 
	.header { width: 1100px; margin: 0 auto;  position: relative;}	
	.open { width: 1100px; margin: 0 auto; font-size: 3em; }
	.big1 { background: url('../images/bg3.jpg') no-repeat left center; width: 100%; height: 35em; background-size: 110%; }
	.privacy { background: url('../images/privacy.jpg') no-repeat left center; width: 100%; height: 15em; background-size: 100%; }
	.reports { background: url('../images/reports.jpg') no-repeat left center; width: 100%; height: 15em; background-size: 100%; }
	.intro { width: 440px; padding-top: 3em; line-height: 1em; color: #FFF; }
	.intro2 { width: 600px; padding-top: 1em; line-height: 1em; color: #FFF; font-size: 1em; }
	.content1, .content2 { width: 1100px; margin: 0 auto; }
	.footer { width: 1100px;  }
	.blocks div { width:200px; }
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.header { width: 1100px; margin: 0 auto;  position: relative;}	
	.open { width: 1100px; margin: 0 auto; font-size: 3em; }
	.big1 { background: url('../images/bg1.jpg') no-repeat left center; width: 100%; height: 35em; background-size: 110%; }
	.privacy { background: url('../images/privacy.jpg') no-repeat left center; width: 100%; height: 15em; background-size: 100%; }
	.reports { background: url('../images/reports.jpg') no-repeat left center; width: 100%; height: 15em; background-size: 100%; }
	.intro { width: 440px; padding-top: 3em; line-height: 1em; color: #FFF; }
	.intro2 { width: 600px; padding-top: 1em; line-height: 1em; color: #FFF; font-size: 1em; }
	.content1, .content2 { width: 1100px; margin: 0 auto; }
	.footer { width: 1100px; }
	.blocks div { width:200px; }

}