@import url('https://fonts.googleapis.com/css?family=Truculenta&display=swap');
html {height:100%;}
body, html {
	margin: 0; padding: 0; 
	height:100%;
	background-color: #000000;
	font-family: 'Truculenta',Arial,Helvetica,Sans Serif;
	text-rendering: optimizelegibility;
}
.bodybox {
	max-width: 957px;
	padding:auto;
    margin: auto;
	border-radius:12px;
}
.container {
	max-width: 957px;
	padding:auto;	
	margin: auto;
	background-color:#777777;
	border-radius:12px;
}
.topring {
    position: relative;
	float: right;
    margin-top: -18%;
    margin-right: 2%;
	max-width: 62%;
	max.height: 50%;
  	color:#bbbbbb;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;
    text-align:right;
	letter-spacing: -1px;
}
.topring a {
  	color:#888888;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;	
	text-align:right;
	letter-spacing: -1px;
	text-shadow: none;
}
.toptxt {
    position: relative;
    margin-top: -90px;
    margin-right: 2%;
  	color:#999999;
	text-align:right;
}
.toptxt h1 {
	font-size:3.4em;
	line-height:0.01em;
	font-weight:normal;
	letter-spacing: -2px;
}
.header { 
	width: 100%;
	height: 100%;
	background-color:#ffffff;
	margin-bottom:0;
}
.header img {
	max-width:100%;
	margin:-10px; 
	padding-top:0; 
}
.insidebox {
	width: 95%;
	padding:auto;	
	margin: 30px auto 0;
	background-color:#ffffff;
	border-radius:12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 3px 5px 10px rgba(0, 0, 0, 1);
}
.topspacer {
	height: 10px;
	background-color: #777777;
}
div.splash {
	text-align:center;
	max-width:50%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	font-size:1.2em;
	font-weight: 400;
}
div.splash2 {
	text-align:center;
	border-radius:12px;
	background-color:#ee1d23;
	max-width:50%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	font-size:1.2em;
	font-weight: 400;
}
div.splash h1 {
	color:#ee1d23;
	font-size:2em;
	font-weight: 400;
	margin:0;
	padding:0;
	text-shadow: 2px 2px 2px #999999;
}
div.splash h2 {
	color:#ee1d23;
	font-size:1.4em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-shadow: 2px 2px 2px #999999;
}
div.splash2 h2 {
	color:#ffffff;
	font-size:1.4em;
	font-weight: 500;
	margin:0;
	padding:0;
}
div.type {
	max-width:500px;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.type h2, a {
	color:#ffffff;
	font-size:1em;
	font-weight: 400;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:500px;
	margin:0.2em;
	padding:0.2em;
}
div.item h2, a {
	color:#ee1d23;
	font-size:1.2em;
	font-weight: 400;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #999999;
}
div.text {
	max-width:660px;
	text-align:justify;
	margin:0.6em 0.15em 0.2em 0.15em;
	padding:0.2em;
	color:#333333;
	font-size:1em;
	font-weight: 400;
}
.square img {
	max-width:100%;
	padding:0;
	margin:5px;
	border-radius:14px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 4px 8px rgba(0, 0, 0, 1);
}
div.contact {
	max-width: 680px;
	margin:0.9em 0 0.4em 0;
	padding:0.4em 0 0.4em 0;
	background:#ee1d23;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.6em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
div.call {
	text-align:center;
	max-width: 1080px;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #eeeeff;
	color:#000080;
	font-size:1.5em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:100%;
	margin:0;
	padding:0;
}
div.call a {
	font-size:1em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.brands {
	text-align:center;
	max-width:99%;
}
div.brands img {
	text-align:center;
	max-width:100%;
}
/*div.spacer {
	max-width: 1080px;
	background:#000080;
	color:#ffffff;
	height:20px;*/
}
.square {
	width: 100%;
}
div.logo img {
	margin:0;
	padding:0;
	max-width:100%;
	max-height:100%;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
div.cert {
	background-color:#000000;
	padding: 20px 0 20px 0;
}
div.cert img {
	margin:0;
	padding:0;
	max-width:100%;
	max-height:100%;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
.inner {
	background-color:#000000;
	border-radius: 5px !important;
}
.footer {
	background-color:#000000;
   	max-width: 1000px;
    width: 100%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
	border-radius: 11px !important;
}
.footer .inner {
	color: #ffffff;
	font-size:0.8em;
}
.footer .inner a {
	color: #bbbbbb !important;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #ff3322 !important;
}
.footer-webring {
   	max-width: 95%;
	text-align: center;
	font-size: 0.9em;
	height: auto;
	padding-bottom:1em;
    margin: 5px auto;
	color: #aaaaaa;
}
.footer-webring a {
	font-size: 1em;
	color: #dddddd;
}
.footer-webring a:hover {
	font-size: 1em;
	color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 980px) {

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	max-width: 90%;
	padding:auto;	
	margin: auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 50px rgba(0, 0, 0, 1);
}
.header { 
	background-color:#ffffff !important; 
	width: 100%;
	height:100%;
}
.topring {
    position: relative;
	float: right;
    margin-top: -17%;
    margin-right: 2%;
	max-width: 62%;
	max.height: 50%;
  	color:#bbbbbb;
	font-size: 0.8em;
	line-height:0.9em;
	font-weight: 400 !important;
	text-decoration: none !important;
    text-align:right;
	letter-spacing: -1px;
}
.topring a {
  	color:#888888;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;	
	text-align:right;
	letter-spacing: -1px;
	text-shadow: none;
}
.toptxt {
    position: relative;
    margin-top: -6%;
    margin-right: 2%;
  	color:#999999;
	text-align:right;
}
.toptxt h1 {
	font-size:2.35em;
	font-weight:normal;
	line-height:0.1em;
	margin-bottom:0;
}
.insidebox {
	width: 95%;
	padding:auto;	
	margin: 30px auto 0;
	background-color:#ffffff;
	border-radius:12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 3px 5px 10px rgba(0, 0, 0, 1);
}
div.splash {
	text-align:center;
	max-width:80%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	font-size:0.9em;
	font-weight: 500;
}
div.splash2 {
	max-width:60%;
}
div.splash h1 {
	color:#ee1d23;
	font-size:2em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-shadow: 1px 2px 2px #999999;
}
div.type {
	max-width:500px;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#000080;
}
div.type h2, a {
	color:#ffffff;
	font-size:1em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:80%;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
}
div.item h2, a {
	color:#ee1d23;
	font-size:1.1em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #999999;
}
div.text {
	max-width:500px;
	text-align:justify;
	margin:0.1em;
	padding:0.3em;
	color:#000080;
	font-size:0.95em;
	font-weight: 400;
}
.square {
	width: 100%;
}
.square img {
	max-width:90%;
	padding:0;
}
div.contact {
	max-width: 80%;
	margin:0.9em 0 0.4em 0;
	padding:0.4em 0 0.4em 0;
	background:#ee1d23;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.4em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
div.call {
	text-align:center;
	max-width: 100%;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #eeeeff;
	color:#000080;
	font-size:1.4em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:40px;
	margin:0;
	padding:2px;
}
div.brands {
	text-align:center;
	max-width:99%;
}
div.brands img {
	text-align:center;
	max-width:95%;
}
.footer {
    width: 100%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
}
.footer .inner {
	font-size:0.8em;
}
.footer .inner a {
	color: #bbbbbb !important;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #ff3322 !important;
}

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	max-width: 100%;
	padding:auto;	
	margin: auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 30px rgba(0, 0, 0, 0.9);
}
.header { 
	background-color:#ffffff !important; 
	width: 100%;
	height:100%;
}
.header img {
	max-width:100%;
	margin-top:-10px; 
	padding:0; 
}
.topring {
    position: relative;
	float: right;
    margin-top: -17%;
    margin-right: 2%;
	max-width: 62%;
	max.height: 50%;
  	color:#bbbbbb;
	font-size: 0.8em;
	line-height:0.9em;
	font-weight: 400 !important;
	text-decoration: none !important;
    text-align:right;
	letter-spacing: -1px;
}
.topring a {
  	color:#888888;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;	
	text-align:right;
	letter-spacing: -1px;
	text-shadow: none;
}
.toptxt {
    position: relative;
    margin-top: -5%;
    margin-right: 2%;
  	color:#999999;
	text-align:right;
}
.toptxt h1 {
	font-size:2.35em;
	font-weight:normal;
	line-height:0.1em;
	margin-bottom:0;
}
.insidebox {
	width: 94%;
	padding:auto;	
	margin: 30px auto 0;
	background-color:#ffffff;
	border-radius:12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 3px 3px 6px rgba(0, 0, 0, 1);
}
div.splash {
	text-align:center;
	max-width:95%;
	margin:0.1em 0.15em 0.1em 0.15em;
	padding:0.1m 0.2em 0.1em 0.2em;
	font-size:0.6em;
	font-weight: 500;
}
div.splash2 {
	max-width:80%;
}
div.splash h1 {
	color:#ee1d23;
	font-size:2.8em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #999999;
}
div.splash h2 {
	color:#ee1d23;
	font-size:2em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #999999;
}
div.type {
	max-width:85%;
	margin:0.1em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.type h2, a {
	color:#ffffff;
	font-size:1.9em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:85%;
	margin:0.1em 0.15em 0.6em 0.15em;
	padding:0.2em 0.3em 0.2em 0.3em;
}
div.item h2, a {
	color:#ee1d23;
	font-size:1em;
	font-weight: 500;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #999999;
}
div.text {
	max-width:80%;
	text-align:justify;
	margin:0 0.15em 0 0.15em;
	padding:0.1em;
	color:#000080;
	font-size:0.9em;
	font-weight: 400;
}
.square {
	width: 100%;
}
.square img {
	max-width:85%;
}
div.contact {
	max-width: 95%;
	margin:0.9em 0 0.4em 0;
	padding:0.3em 0 0.3em 0;
	background:#ee1d23;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.1em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
div.call {
	text-align:center;
	max-width: 100%;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #eeeeff;
	color:#000080;
	font-size:1.1em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:30px;
	margin:0;
	padding:2px;
}
div.discover {
	text-align:center;
	max-width:93%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.35em 0.4em 0.35em;
	background: #951419;
	color:#ffffff;
	font-size:1em;
}
div.discover a {
	color:#ffffff;
	text-decoration:none;
}
div.discover a:hover {
	color:#ffaa00;
	text-decoration:underline;
}
div.logo img {
	margin:0;
	padding:0;
	max-width:75%;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
.footer {
   	max-width: 100%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
}
.footer .inner {
	font-size:0.7em;
}
.footer .inner a {
	color: #bbbbbb !important;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #ff3322 !important;
}

}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 480px) {

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	max-width: 100%;
	padding:auto;	
	margin: auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 30px rgba(0, 0, 0, 0.9);
}
.header { 
	margin-top:-3px;
}
.header img {
	max-width:100%;
	margin-top:0;
	padding-top:20px; 
	padding:0; 
}
.topring {
    position: relative;
	float: right;
    margin-top: -16%;
    margin-right: 2%;
	max-width: 62%;
	max.height: 50%;
  	color:#bbbbbb;
	font-size: 0.7em;
	line-height:0.8em;
	font-weight: 400 !important;
	text-decoration: none !important;
    text-align:right;
	letter-spacing: -1px;
}
.topring a {
  	color:#888888;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;	
	text-align:right;
	letter-spacing: -1px;
	text-shadow: none;
}
.toptxt {
    position: relative;
    margin-top: 8%;
    margin-right: 2%;
  	color:#999999;
	text-align:right;
}
.toptxt h1 {
	font-size:2.35em;
	font-weight:normal;
	line-height:0.1em;
	margin-bottom:0;
}
.insidebox {
	width: 94%;
	padding:auto;	
	margin: 20px auto 0;
	background-color:#ffffff;
	border-radius:12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 3px 3px 6px rgba(0, 0, 0, 1);
}
div.cert img {
	margin:0;
	padding:0;
	max-width:70%;
	max-height:70%;
}
.footer-webring a {
	font-size: 0.9em;
	color: #dddddd;
}
.footer-webring a:hover {
	font-size: 0.9em;
	color: #ffffff;
}

}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 380px) {

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	max-width: 100%;
	padding:auto;	
	margin: auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 30px rgba(0, 0, 0, 0.9);
}
.header { 
	margin-top:-3px;
}
.header img {
	max-width:100%;
	margin-top:0;
	padding-top:20px; 
	padding:0; 
}
.topring {
    position: relative;
	float: right;
    margin-top: -16%;
    margin-right: 2%;
	max-width: 62%;
	max.height: 50%;
  	color:#bbbbbb;
	font-size: 0.7em;
	line-height:0.8em;
	font-weight: 400 !important;
	text-decoration: none !important;
    text-align:right;
	letter-spacing: -1px;
}
.topring a {
  	color:#888888;
	font-size: 1.1em;
	line-height:1.3em;
	font-weight: 400 !important;
	text-decoration: none !important;	
	text-align:right;
	letter-spacing: -1px;
	text-shadow: none;
}
.toptxt {
    position: relative;
    margin-top: 10%;
    margin-right: 2%;
  	color:#999999;
	text-align:right;
}
.toptxt h1 {
	font-size:2.35em;
	font-weight:normal;
	line-height:0.1em;
	margin-bottom:0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/