@charset "utf-8";
/* CSS Document */
select::-ms-expand {
    display: none;
}
.truckloadpop {
	position:fixed;
	margin:auto;
	top:0px;
	width:100%;
	height:100%;
	z-index:200;
	text-align:center;
	background:rgba(0,0,0,0.3);
}

.tlinner {
	position:relative;
	margin:auto;
	top:20%;
	max-width:400px;
	width:80%;
	padding:20px 10% 20px 10%;
	text-align:center;
	background:#D7D7D7;
	border:1px solid #232323;
	padding:10px;
}

.tlpopbtn {
	position:relative;
	margin:auto;
	min-width:100px;
	width:auto;
	height:auto;
	padding:10px 10px 10px 10px;
	background:#fff;
	color:#232323;
}

.tlpopbtn:hover {
	background:#FF3F55;
	color:#fff;
}

.section-inner-truckload {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}

.section-inner-truckload img {
	position:relative;
	margin:auto;
	max-width:1100px;
    width:100%;
	height:auto;
}

.productsection-truckloadsignup {
	position:relative;
	padding: 40px 10% 40px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:#232323;
}

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

.truckload img {
	position:relative;
	margin:auto;
	max-width:550px;
    width:94%;
    padding:0px 3% 0px 3%;
    margin-bottom:20px;
    float:left;
	height:auto;
}

.truckload img:hover {
	margin-top:5px;
	margin-bottom:15px;
}
}

@media screen and (min-width: 701px) {

.truckload img {
	position:relative;
	margin:auto;
	max-width:1100px;
    width:44%;
    padding:0px 3% 0px 3%;
    margin-bottom:20px;
    float:left;
	height:auto;
}

.truckload img:hover {
	margin-top:5px;
	margin-bottom:15px;
}
}

.signuptl {
	position:relative;
	margin:auto;
	padding:0px 0px 20px 0px;
	width:100%;
	height:auto;
	border:5px solid #fff;
}

.signup-inner {
	position:relative;
	margin:auto;
	padding:0px 5% 0px 5%;
	width:90%;
	height:auto;
}

.signuptop {
	position:relative;
	margin:auto;
	background:#fff;
	width:100%;
	height:auto;
}

input, textarea {
    -webkit-box-shadow: none !important;
    outline: 1px inset transparent;
    border: 1px solid #fff;
	border-radius:3px;
    padding: 3px;
	height:30px;
	color:#FFF;
    outline: none !important;
	background:none;
}

input:focus, textarea:focus {
    border-color: #F6FF68;
}


form button {
	padding:6px 25px 6px 25px;
	border: 2px solid rgba(0,0,0,0.0);
	height:35px;
	border-radius:3px;
    background: #fff;
    color: #1A1A1A;
    font-weight: bold;
    outline: none !important;
}

form button:hover {
    background: #F6FF68;
    color: #1A1A1A;
}

.btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 10% 10px 10%;
  text-decoration: none;
  width:80%;
  text-decoration:underline;
  border:1px solid rgba(100,100,100,0.1);
  background: #a10000;
  border-radius:6px;
}

.btn:hover {
  text-shadow: 0px -1px 0px #383838;
  background:#F6FF68;
  text-decoration: none;
  color: #a10000;
}

.securitytip {
	position:relative;
	margin:auto;
	width:100%;
	text-alin:center;
}
.securitytip-inner {
	position:relative;
	margin:auto;
	width:20%;
	margin-right:170px;
	margin-top:10px;
	background:#F6FF68;
	color:#8B0002;
}

.thankyou {
	position:fixed;
	margin:auto;
	width:100%;
	height:100%;
	background:url(/images/thankyou-01.jpg) center center no-repeat;
	background-size:cover;
}

.vip {
	position:absolute;
	margin:auto;
	left:85%;
	margin-top:20px;
}

@media screen and (min-width: 701px) {
	
	.header {
		height:80px;
	}
	
	.header {
		position:fixed;
		top:0px;
		z-index:200;
	}
	
	.header-left {
		width:40%;
		text-align:left;
	}
	
	.header-left img {
		height:80px;
		width:auto;
	}
	
	.header-right {
		width:60%;
	}
	
	.toplink {
		display:block;
	}
	
	.sectiontop {
		height:auto;
		padding-top:30px;
	}
	
	.sectionabout {
		padding-top:50px;
	}
	
	.thirdtop {
		margin-top:-45px;
	}
	
	.third {
		padding:0px 1% 0px 1%;
		width:31%;
	}
	
	.third-inner {
		background:#fff;
		border-radius:2px;
		-webkit-box-shadow: 0px -1px 5px 1px rgba(80,80,80,0.5);
		-moz-box-shadow: 0px -1px 5px 1px rgba(80,80,80,0.5);
		box-shadow: 0px -1px 5px 1px rgba(80,80,80,0.5);
	}
	
	.getdirectionsdesktop {
		display:block;
	}
	
	.getdirectionsmobile {
		display:none;
	}
	
	input, textarea {
		width:15%;
	}
	
	.header-mobilenav {
		display:none;
	}
	
	.mobilehide {
		display:block;
	}
	
	.mobileshow {
		display:none;
	}
	
}

@media screen and (max-width: 700px) {
	
	.header {
		height:50px;
	}
	
	.header {
		position:relative;
	}
	
	.header-left {
		width:100%;
		text-align:center;
	}
	
	.header-left img {
		height:50px;
		width:auto;
	}
	
	.header-right {
		width:20%;
	}
	
	.toplink {
		display:none;
	}
	
	.sectiontop {
		height:auto;
		padding-top:20px;
	}
	
	.sectionabout {
		padding-top:50px;
	}
	
	.third {
		padding:10px 0px 10px 0px;
		width:100%;
	}
	
	.third-inner, .third-innerbrand {
	}
	
	.getdirectionsdesktop {
		display:none;
	}
	
	.getdirectionsmobile {
		display:block;
	}
	
	input, textarea {
		width:70%;
		margin-bottom:10px;
	}
	
	form button {
		width:70%;
	}
	
	.header-mobilenav {
		display:block;
	}
	
	.mobilehide {
		display:none;
	}
	
	.mobileshow {
		display:block;
	}
	
	.securitytip {
		display:none;
	}
	
}


.centertext {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
}

.textdark {
	color:#1A1A1A;
}

.textlight {
	color:#e5e5e5;
}

.textwhite {
	color:#fff;
}

.textyellow {
	color:#F6FF68;
}

.textred {
	color:#C30003;
}

.bglight {
	background:#f2f2f2;
}

.bgwhite {
	background:#fff;
}

.bgfadewhite {
	background:rgba(255,255,255,0.3);
}