@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
	color: #575c7a;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: #017bbe url(../img/BodyBackground.jpg) repeat-x 0px 0px;
}

.page {
	max-width: 1000px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #fff;	
}

h1 { font-size: 2em; font-weight: normal; color: #a6430a; margin: 0 0 .5em 0; }
h2 { font-size: 1.7em; margin: 0 0 1em 0;}
h3 { color: #0000ff; font-size: 1.5em; margin:0 0 1em 0;}
p { margin: 0 0 .75em 0;}
a { color: #970808; }
a:hover { color: #009eff;}

footer { font-size: .85em; color: #000; background-color: #ffc600; padding: 10px 10px 10px 0px;}

a.cta { 
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding:0px 12px 0px 0px;
	background: url(../Img/cta_arrow.png) no-repeat right 0px;
}

a.cta:hover { background-position: right -50px; }

.promo h3 { font-size:1.1em; margin: 0; }
.promo p { line-height:1.2em; font-size:.9em; margin-bottom:.5em;}
 
.promo { background-repeat:no-repeat; background-size: 60px 60px;}
.promo.one {background-image:url(../Img/Truck.jpg); }
.promo.two {background-image:url(../Img/pic_11.gif); }
.promo.three {background-image:url(../Img/SkecthGlobeColor.png); }


nav a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
}

.Logins a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
}

nav a:hover { color:#017bbe;}

.clear-fix { clear: both; line-height: 1px;}

/*---added by Justin 6/9/2020 ---*/


#wrapper {
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  margin: 100px auto;
  width:420px;
}

input[type="checkbox"]{display:none;}

.checkbox:checked + .label{
  background:#7B7484;
  color:#231733;
}


.label {
  background:#231733;
  font-size:16px;
  cursor:pointer;
  margin:0;
  padding:5px 10px;
  border-radius:10%;
  color:#7B7484;
}

.sul {
  position:relative;
  left:0;
  right:0;
  margin:-5px auto 0;
  color:#fff;
  height:46px;
  width:180px;
  background:#3B5998;
  padding:0;
  list-style:none;
}

.sul li {
  font-size:20px;
  cursor:pointer;
  width:60px;
  margin:0;
  padding:12px 0;
  text-align:center;
  float:left;
  display:block;
  height:22px;}

.sul li:hover {color:rgba(0,0,0,.5);}
/*.sul li:hover {background-color:rgba(0,0,0,.05);}*/



li[class*="twitter"] {background:#6CDFEA;padding:12px 0;}
.tlink	{color:#009eff}

li[class*="facebook"] {background:#00688B;padding:12px 0;}
.fblink	{color:white;}

li[class*="linkedin"] {background:#9C7A5B;padding:12px 0;}
.lilink	{color:white;}