Lorem ipsum dolor sit amet. Joe Bloggs
*/
.source{
display:block;
text-indent:0;
margin-top:-24px;
margin-top:-1.5rem;
}
.source:before{
content:"—";
}
/*--- GENERAL ---*/
mark{
background-color:#ffc;
color:#333;
}
/*--- CODE ---*/
pre,
code{
font-family:"Inconsolata", "Monaco", "Consolas", "Courier New", Courier, monospace;
}
pre{
overflow:auto;
line-height:24px; /* Having to define explicit pixel values :( */
}
/*------------------------------------*\
$IMAGES
\*------------------------------------*/
img{
max-width:100%;
height:auto;
/* Give it some text styles to offset alt text */
color:#c00;
}
img.left { margin:0 1.5em 0 0; }
img.right { margin:0 0 0 1.5em; }
/*--- FLASH/VIDEO ---*/
object,
embed,
video{
max-width:100%;
height:auto;
}
/*------------------------------------*\
$FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
/*fieldset{
padding:1.5em;
border:1px solid #ccc;
}
label{
display:block;
}
.text-input{
}
label,
.text-input,
textarea,
.btn{
cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus{
cursor:text;
}
.check-list{
width:100%;
overflow:hidden;
list-style:none;
margin-left:0;
}
.check-list li{
width:25%;
float:left;
}
.check-label{
display:inline;
}
fieldset > :last-child{
margin-bottom:0;
}*/
/*------------------------------------*\
$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
width:100%;
max-width:100%;
}
thead tr:last-of-type th{
/* Thicker border on the table-headers of the last row in the table head. */
border-bottom-width:2px;
}
tbody th{
/* Thicker right border on table-headers in the table body. */
border-right-width:2px;
}
th:empty{
/* Hide the borders on any empty table-headers. */
border:none;
}
.home th, .home td{
vertical-align:top;
padding:0.75em;
border:1px solid #ccc;
}
th{
font-weight:bold;
text-align:center
}
table [colspan]{
text-align:center;
}
table [rowspan]{
vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"]{
text-align:left;
}
[rowspan="1"]{
vertical-align:top;
}
tbody tr:nth-of-type(odd){
background:rgba(0,0,0,0.05);
}
tfoot{
text-align:center;
}
tfoot td{
border-top-width:2px;
}
/*------------------------------------*\
$MESSAGES
\*------------------------------------*/
/*
Unfortunately feedback messages don’t fit the baseline all too well. Perhaps in a later version...
*/
.message{
font-weight:normal;
display:block;
padding:10px 10px 10px 36px;
border:1px solid #ccc;
margin-left:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
/*
With multiple errors it’s nice to group them:
...
*/
.grids {
max-width: 990px;
clear: both;
padding: 0px 0px 0px 0px;
margin: 0 auto;
list-style: none; /* So we can make grids out of lists. */
}
/*
Here we are using an attribute selector to detect the string 'grid-' in an element's class.
This works by assuming that anything we call grid- we also want to be a grid item. It means less code and less for you to remember!
Ensure any grid item's FIRST class is a grid- class. e.g.
VALID: class="grid-4 text-centre"
INVALID: class="left grid-4"
*/
[class^="grid-"] {
float: left;
margin: 0px 0px 0px 0px;
}
.grids [class^="grid-"] {
margin: 0% 0% 0% 0%;
}
/*
Nested grids won't work with fluid layouts :(
*/
.wrapper {
width: 100%;
padding: 0px;
margin: 0 auto;
}
header {
background: url(/images/FrontEnd/header_bg_s.png) top center repeat-x;
width: 100%;
border-bottom: 1px solid #dddddd;
}
.conarea {
width: 990px;
overflow: visible;
padding: 0px !important;
margin: 0 auto;
}
.conareaFtr {
width: 1080px;
overflow: visible;
padding: 0px !important;
margin: 0 auto;
}
.headrcon {
width: 367px;
/*margin: 31px 0px 0px 0px;*/
margin: 0;
padding: 0px;
float: right;
}
.headrtcon {
font: normal 13px/47px "Arial", Helvetica, sans-serif;
color: #787878;
overflow: hidden;
margin-right: 35px;
float: right;
}
.headrtcon > div {
width: 85px;
margin: 0px auto 0;
}
.smediacon {
overflow: hidden;
text-align: right;
float: right;
}
.sp01 {
font: normal 17px/22px "Arial", Helvetica, sans-serif;
color: #4e9bbf;
margin-left:20px
}
.sp02 {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
}
.sp02 a {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
text-decoration: none;
}
.sp02 a:hover {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
text-decoration: none;
}
sp03 {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
}
.sp03 a {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
text-decoration: none;
}
.sp02 a:hover {
font: bold 16px/22px "Arial", Helvetica, sans-serif;
color: #262626;
text-decoration: none;
}
.navareacon {
background: #fff;
width: 100%;
height: 52px;
border-bottom: 1px solid #DDDDDD;
}
nav {
float: left;
}
.rnav {
margin: 14px 0px 0px 0px;
padding: 0px;
float: right;
}
.rnav ul {
margin: 0px;
padding: 0px;
display: block;
}
.rnav ul li {
display: block;
list-style: none;
font: normal 13px/26px Arial, Helvetica, sans-serif;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
float: right;
}
.rnav ul li a {
font: normal 13px/26px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}
.rnav ul li a:hover {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: normal 13px/26px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 0px 5px 2px 5px;
}
.rnav ul li .navselect {
background: #bd1510;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: normal 13px/26px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0px 0px 0px 5px;
padding: 0px 5px 2px 5px;
display: block;
}
.bannerarea {
background: url(/images/FrontEnd/bannerarea_bg.png) top center repeat;
border-top: 1px solid #1a6f99;
min-height: 240px;
max-height: 100%;
overflow: hidden;
padding: 0px 0px 0px 0px;
}
.banrcon {
width: 471px;
font: normal 13px/16px "Arial", Helvetica, sans-serif;
color: #fff;
margin: 30px 0px 0px 0px;
float: right;
}
h1 {
font: 20px/20px "Helvetica", Arial, Helvetica, sans-serif;
color: #4b4747;
text-shadow: 0px 1px #05687c;
letter-spacing: -1px;
/*border-bottom: 1px solid #046e8c;*/
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}
.sp03 {
font: bold 21px/21px "Helvetica", Arial, Helvetica, sans-serif;
color: #fff;
text-shadow: none !important;
letter-spacing: 0px !important;
padding: 0px 0px 0px 0px;
}
.btntextcon {
overflow: hidden;
}
.btncon {
margin: 20px 0px 0px 0px;
padding: 0px;
float: left;
}
.button01 {
background: url(/images/FrontEnd/button01.png) 0 0 no-repeat;
width: 193px !important;
height: 51px;
font: bold 16px/51px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border: 0px;
outline: none;
margin: 0px;
text-shadow: 0 0 0;
padding: 0px;
}
.button01:hover {
background: url(/images/FrontEnd/button01.png) 0 0 no-repeat;
width: 193px;
height: 51px;
font: bold 16px/51px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border: 0px;
outline: none;
cursor: pointer;
text-shadow: 0 0 0;
margin: 0px;
padding: 0px;
}
.button02 {
background: url(/images/FrontEnd/button02.png) 0 0 no-repeat;
width: 193px !important;
height: 51px;
font: bold 18px/51px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border: 0px;
text-shadow: 0 0 0;
outline: none;
margin: 0px;
padding: 0px;
}
.button02:hover {
background: url(/images/FrontEnd/button02.png) 0 0 no-repeat;
width: 193px !important;
height: 51px;
font: bold 18px/51px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
text-shadow: 0 0 0;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px;
padding: 0px;
}
.rtextcon {
font: normal 12px/56px "Arial", Helvetica, sans-serif;
color: #fff;
float: right;
}
.crslarea {
background: #fff;
width: 100%;
height: 93px;
border-top: 1px solid #d4ceae;
border-bottom: 5px solid #dddddd;
margin: 3px 0px 0px 0px;
}
.bodyarea {
width: 100%;
height: 100%;
overflow: hidden;
padding: 10px 0px 38px 0px;
}
.fr-text-p1-normal {
color: #434343;
font-size: 15px;
margin-bottom: 5px;
margin-top: 0px;
}
.lrcon {
overflow: hidden;
}
.leftcon {
width: 517px;
height: 100%;
overflow: hidden;
float: left;
}
.boxcon {
background: #fff;
width: 210px;
min-height: 20px;
max-height: 100%;
overflow: hidden;
border: 1px solid #ededed;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 5px #c2c2c2;
-webkit-box-shadow: 0 0 5px #c2c2c2;
box-shadow: 0 0 5px #c2c2c2;
margin: 5px 5px 5px 5px;
padding: 0 12px;
float: left;
}
.imgdtlscon {
margin: 0px;
padding: 0px;
}
.imagearea {
background: #CCC;
width: 212px;
height: 175px;
}
.home h2 {
background: url(/images/FrontEnd/head_bg.png) top center repeat;
width: 212px;
height: 33px;
font: bold 20px/33px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
position: relative;
z-index: 100;
/*margin: -33px 0px 0px 0px;*/
padding: 0px;
}
.points {
min-height: 160px;
overflow: hidden;
margin: 10px 0px 0px 0px;
padding: 0px;
}
.points ul {
margin: 0px;
padding: 0px;
display: block;
}
.points ul li {
display: block;
list-style: none;
font: normal 13px/17px "Arial", Helvetica, sans-serif;
color: #434343;
background: url(/images/FrontEnd/libg01.png) top left no-repeat;
border-bottom: 1px solid #e3e3e3;
margin: 0px 0px 5px 0px;
padding: 0px 0px 1px 10px;
}
.points ul li a {
font: normal 13px/17px "Arial", Helvetica, sans-serif;
color: #434343;
text-decoration: none;
}
.points ul li a:hover {
font: normal 13px/17px "Arial", Helvetica, sans-serif;
color: #434343;
text-decoration: none;
}
.button03 {
background: url(/images/FrontEnd/button03.png) 0 0 no-repeat;
width: 128px !important;
height: 37px;
font: normal 14px/37px "Arial", Helvetica, sans-serif;
color: #232323;
text-align: center;
border: 0px;
outline: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.button03:hover {
background: url(/images/FrontEnd/button03.png) 0 0 no-repeat;
width: 128px;
height: 37px;
font: normal 14px/37px "Arial", Helvetica, sans-serif;
color: #232323;
text-align: center;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.boxcon01 {
background: #fff;
width: 210px;
min-height: 20px;
max-height: 100%;
overflow: hidden;
border: 1px solid #ededed;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 5px #c2c2c2;
-webkit-box-shadow: 0 0 5px #c2c2c2;
box-shadow: 0 0 5px #c2c2c2;
margin: 5px 5px 5px 5px;
padding: 0 12px;
float: right;
}
.rightcon {
width: 420px;
height: 100%;
overflow: hidden;
float: right;
margin-bottom: 5px;
}
.headconarea {
background: #F5F5F5;
padding: 0px 0px 3px 3px;
}
.headconarea ul {
margin: 0px 0px 0px 0px;
padding: 0px;
display: block;
}
.headconarea ul li {
display: block;
list-style: none;
font: normal 13px/17px "Arial", Helvetica, sans-serif;
color: #505050;
background: url(/images/FrontEnd/libg02.png) top left no-repeat;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 20px;
}
.headconarea ul li a {
font: normal 14px/17px "Arial", Helvetica, sans-serif;
color: #505050;
text-decoration: none;
}
.headconarea ul li a:hover {
font: normal 14px/17px "Arial", Helvetica, sans-serif;
color: #505050;
text-decoration: none;
}
.headconarea01 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.headconarea01 ul {
margin: 0px 0px 0px 0px;
padding: 0px;
display: block;
}
.headconarea01 ul li {
display: block;
list-style: none;
font: italic 15px/19px "Georgia", Arial, Helvetica, sans-serif;
color: #505050;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.headconarea01 ul li a {
font: italic 15px/19px "Georgia", Arial, Helvetica, sans-serif;
color: #505050;
text-decoration: none;
}
.headconarea01 ul li a:hover {
font: italic 15px/19px "Georgia", Arial, Helvetica, sans-serif;
color: #505050;
text-decoration: none;
}
.sp04 {
font: bold 12px/15px "Arial", Helvetica, sans-serif;
color: #6a6a6a;
}
.comaimg {
width: 28px;
height: 21px;
position: relative;
margin: -12px 0px 0px 0px;
}
.home h3 {
font: bold 20px/23px "Arial", Helvetica, sans-serif;
color: #3A87AD;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.button04 {
background: url(/images/FrontEnd/button04.png) 0 0 no-repeat;
width: 207px !important;
height: 39px;
font: bold 16px/39px "Arial", Helvetica, sans-serif;
color: #fff !important;
text-align: center;
border: 0px;
outline: none;
margin: 5px 0px 0px 0px;
padding: 0px;
text-shadow: 0 0 0;
}
.button04:hover {
background: url(/images/FrontEnd/button04.png) 0 0 no-repeat;
width: 207px;
height: 39px;
font: bold 16px/39px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border: 0px;
outline: none;
text-shadow: 0 0 0;
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 0px;
}
footer {
width: 100%;
height: 100%;
overflow: hidden;
}
.upfoot {
background: #DDDDDD;
width: 100%;
min-height: 260px;
overflow: hidden;
border-top: 6px solid #DDDDDD;
padding: 22px 0px 0px 0px;
}
.headconarea02 {
width: 153px;
min-height: 200px;
max-height: 100%;
overflow: hidden;
border-right: 1px solid #464646;
margin: 0px 42px 0px 0px;
padding: 0px;
float: left;
}
h4 {
font: bold 13px/16px "Arial", Helvetica, sans-serif;
color: #2561AA;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
.headintext {
margin: 16px 0px 0px 0px;
padding: 0px;
}
.headintext ul {
margin: 0px;
padding: 0px;
display: block;
}
.headintext ul li {
display: block;
list-style: none;
font: normal 12px/16px "Arial", Helvetica, sans-serif;
color: #bababa;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.headintext ul li a {
font: normal 12px/16px "Arial", Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}
.headintext ul li a:hover {
font: normal 12px/16px "Arial", Helvetica, sans-serif;
color: #333333;
text-decoration: underline;
}
.headconarea03 {
width: 197px;
min-height: 200px;
max-height: 100%;
overflow: hidden;
border-right: 1px solid #464646;
margin: 0px 10px 0px 0px;
padding: 0px;
float: left;
}
.icontext {
overflow: hidden;
margin: 0px 0px 7px 0px;
}
.infotext {
font: normal 13px/22px "Arial", Helvetica, sans-serif;
color: #626262;
margin: 0px 0px 0px 0px;
float: left;
}
.infotextSub {
font: normal 13px/22px "Arial", Helvetica, sans-serif;
color: #626262;
/*margin: 0px 0px 0px 10px;*/
float: left;
}
.headconarea04 {
width: 201px;
min-height: 200px;
max-height: 100%;
overflow: hidden;
border-right: 1px solid #464646;
margin: 0px 45px 0px 0px;
padding: 0px;
float: left;
text-align: center;
}
.headconarea05 {
width: 315px !important;
min-height: 200px;
max-height: 100%;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
}
.inputarea {
overflow: hidden;
}
.icontext .infotext {
margin: 0px 0px 0px 10px;
}
.fieldbox {
background: #EEEEEE !important;
width: 211px;
height: 24px !important;
font: normal 12px/32px "Arial", Helvetica, sans-serif;
color: #393939;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 0px;
outline: none;
margin: 0px;
padding: 0px 7px 0px 7px;
float: left;
}
.submitbtn {
background: #D60000;
width: 80px !important;
height: 32px;
font: bold 10px/32px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 0px;
outline: none;
margin: 0px 0px 0px 9px;
padding: 0px;
float: left;
}
.submitbtn:hover {
background: #D60000;
width: 66px;
height: 32px;
font: bold 10px/32px "Arial", Helvetica, sans-serif;
color: #fff;
text-align: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 9px;
padding: 0px;
float: left;
}
.btmlogo {
width: 200px;
height: 53px;
margin: 20px auto 0px auto;
}
.btmfoot {
background: #2561AA;
border-top: 1px solid #666666;
}
.copytext {
font: normal 12px/55px "Arial", Helvetica, sans-serif;
color: #999999;
text-align: center;
}
.btmfoot .copytext {
color: #91C0FA;
font: normal 14px/55px "Arial", Helvetica, sans-serif;
}
.btmfoot .copytext a {
color: #ffffff;
}
.copytexDiv {
line-height: 0px;
padding-bottom: 20px;
}
.grid-1 {
margin: 0px !important;
padding: 0px !important;
float: left !important;
}
.grid-2 {
margin: 0px 0px 6px 0px !important;
padding: 0px 0px 0px 0px !important;
float: none !important;
}
@media (min-width: 1000px) and (max-width: 1190px) {
.headconarea02 {
width: 12%;
}
.headconarea03 {
width: 18%;
}
.headconarea04 {
width: 13%;
}
.headconarea05 {
width: 32%;
}
}
@media (max-width: 767px) {
.headconarea {
margin-top: 15px;
}
.fr-form-wrapper {
margin-bottom: 0px;
}
.left-content, .buisness-solution, .broker-solution {
margin-top: 10px;
}
.blue-bubble-top, .blue-bubble-bottom, .grey-bubble-top, .grey-bubble-bottom {
display: none;
}
.blue-bubble-medium, .grey-bubble-medium {
min-height: 90px;
border-radius: 10px;
padding: 10px;
}
.padding-right-6 {
padding-right: 0px;
}
.carrier-content {
display: none;
}
.try-now {
display: none !important;
}
.points {
min-height: 75px;
}
.fr-form-wrapper .fr-jquery-equal-height, .fr-form-wrapper .fr-blue-background {
min-height: 25px !important;
padding: 10px !important;
}
.quote-sm .span6, .quote-sm .sm-6 {
width: 49% !important;
float: left;
}
.quote-sm .span6:first-child, .quote-sm .sm-6:first-child {
margin-right: 2%;
}
.sm-margin-right {
margin-right: 2% !important;
}
.quote-sm .sm-4 {
width: 33% !important;
float: left;
}
.quote-sm .sm-1 {
width: 15% !important;
float: left;
}
.sm-hide {
display: none !important;
}
}
@media (max-width: 480px) {
.mobile-hide {
display: none;
}
.btmfoot {
height: auto;
}
.conarea {
width: 98% !important;
overflow: visible !important;
}
.copytext {
line-height: 20px !important;
}
.headrtcon {
float: none;
}
.phone-box {
float: none;
margin-bottom: 10px;
margin-top: 10px;
}
.banner1-quote {
font-size: 27px;
}
.banner1-top-Carrier {
margin-top: 10px;
font-size: 16px;
}
.banner1-content {
padding-top: 30px;
}
.button2 img, .button1 img {
max-width: 140px;
}
.banner2-content {
margin-top: 40px;
}
.banner2-pricing {
margin-top: 20px;
}
.home-video {
float: none !important;
margin-right: 0px !important;
}
.banner2-shipment {
font-size: 23px !important;
}
.banner2-pricing, .banner2-now {
font-size: 18px;
}
.quote-xs .sm-4 {
width: 50% !important;
float: left;
}
/*.quote-form-navs li {
width: 100% !important;
margin-bottom: 10px;
}
.quote-form-navs li a {
border-radius: 10px !important;
}
.quote-form-navs li .full-truck-load {
float: none !important;
}
.quote-form-navs li .ftl-export {
width: 68% !important;
}*/
.sm-hide {
display: none !important;
}
}
/*home icon*/
.home-icon {
position: relative;
top: -2px;
}
/*changes because of track my shipment link in front end header*/
.phone-box {
margin-top: 20px;
}
/*frontend footer updates*/
.headconarea04 .AuthorizeNetSeal {
margin: 0 auto !important;
}
.AuthorizeNetSeal {
width: inherit !important
}
.fr-different-colored-dropdown-menu {
background: #f9f9f9 !important;
padding: 10px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2) !important;
}
.fr-submenu-dropdown {
background: #f9f9f9 !important;
padding: 10px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2) !important;
}
.fr-different-colored-dropdown-menu li a {
display: block;
border-bottom: 1px solid #ddd;
}
.fr-different-colored-dropdown-menu li a:hover {
color: #fff !important;
background-color: #2561AA !important;
}
.fr-different-colored-dropdown-menu li a:hover i {
filter: brightness(0) invert(1);
}
.fr-different-colored-dropdown-menu li a:hover .label_nav_desktop {
color: #fff !important;
}
/*Home css add*/
.compare-title {
color: #49B6CD !important;
text-align: center;
padding: 0px 2px 6px 0px !important;
}
.compare-detail li {
color: #B0B0B0 !important;
}
.business-bureau {
border-top: 1px solid #34B1C8;
border-bottom: 1px solid #34B1C8;
}
.box-grey {
background: #F5F5F5;
padding: 10px;
padding-bottom: 2px;
}
.solution-title {
font-size: 19px;
font-style: italic;
margin-left: 5px;
color: #3A85B2;
font-weight: bold;
}
.points ul :last-child {
border-bottom: none !important;
}
.blue-bubble-top {
background: url("/Images/blue_bubble_top.png") no-repeat;
min-height: 22px;
}
.blue-bubble-medium {
background: #D9EDF7;
min-height: 130px;
margin-top: -3px;
padding: 0px 10px;
}
.blue-bubble-bottom {
background: url("/Images/blue_bubble_bottom.png") no-repeat;
min-height: 45px;
margin-top: -8px;
}
.grey-bubble-top {
background: url("/Images/gray_bubble_top.png") no-repeat;
min-height: 22px;
}
.grey-bubble-medium {
background: #F5F5F5;
min-height: 130px;
margin-top: -3px;
padding: 0px 10px;
}
.grey-bubble-bottom {
background: url("/Images/gray_bubble_bottom.png") no-repeat;
min-height: 45px;
margin-top: -8px;
}
.padding-right-6 {
padding-right: 6px;
}
.post-title {
color: #F8991D !important;
}
.post-title:hover {
color: #E88B10 !important
}
.left-content, .buisness-solution, .broker-solution {
margin-top: 0px;
}
.home-video {
float: right;
margin-top: 10px;
margin-right: 25px;
}
.testimonials-content {
margin-top: 20px;
}
.carrier-content {
padding-top: 10px;
}
.carrier-content img {
min-height: 30px;
max-height: 30px;
}
@media (max-width: 520px) {
.banner1-content {
text-align: center;
padding-right: 0px;
float: none !important;
}
.button1, .button2 {
float: none !important;
}
.banner2-shipment {
font-size: 36px;
}
}
.fr-newsletter-title {
font: bold 13px/16px "Arial", Helvetica, sans-serif;
color: #bc9723;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
.static-link {
background: #0193B8;
animation: #fff;
-webkit-border-radius: 4px;
padding: 10px 8px 10px 8px;
margin-top: 10px
}
.static-link a {
color: #fff !important;
padding: 30px
}
.static-link i {
font-size: 20px
}
.static-link a:active {
color: #fff
}
.static-link a:visited {
color: #fff
}
.static-link span {
margin: 2px !important;
padding: 10px;
vertical-align: top
}
.ltl-icon {
background: url("/Img/ltl-truck.png") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
filter: brightness(0) invert(1);
height: 20px;
vertical-align: top;
margin-top: -4px;
}
.calculator-icon {
background: url("/Img/calculator.png") no-repeat;
background-repeat: no-repeat;
position: absolute;
width: 20px;
height: 30px;
margin-top: -4px;
}
.freequote-icon-light {
background: url("/Img/Icons/FreeQuote_Light.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.freequote-icon {
background: url("/Img/Icons/FreeQuote_Dark.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.carrierlist-icon {
background: url("/Img/Icons/CARRIER_LIST_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.carrierlist-icon-light {
background: url("/Img/Icons/CARRIER_LIST_LIGHT.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.services-icon {
background: url("/Img/Icons/SERVICERS_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.services-icon-light {
background: url("/Img/Icons/SERVICES_LIGHT.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.aboutus-icon {
background: url("/Img/Icons/FR.png") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: middle;
}
.aboutus-icon-light {
background: url("/Img/Icons/FR.png") no-repeat;
background-repeat: no-repeat;
display: inline-block;
filter: brightness(0) invert(1);
width: 30px;
height: 20px;
vertical-align: middle;
}
.contactus-icon {
background: url("/Img/Icons/CONTACT US_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.contactus-icon-light {
background: url("/Img/Icons/CONTACT US_LIGHT.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.log-icon {
background: url("/Img/Icons/LOGISTIC_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.log-icon-light {
background: url("/Img/Icons/LOGISTIC_Light.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.blog-icon {
background: url("/Img/Icons/BLOG_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.blog-icon-light {
background: url("/Img/Icons/BLOG_light.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.news-icon {
background: url("/Img/Icons/NEWS_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.news-icon-light {
background: url("/Img/Icons/NEWS_light.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.track-icon {
background: url("/Img/Icons/TRACK_SHIPMENT_DARK.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
.track-icon-light {
background: url("/Img/Icons/TRACK_SHIPMENT_light.svg") no-repeat;
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 20px;
vertical-align: top;
}
/* Desktop Icons*/
.food-icon {
background: url("/Img/Icons/Food_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
vertical-align: top !important;
}
.food-icon-light {
background: url("/Img/Icons/Food.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
vertical-align: top !important;
}
.ftl-icon {
background: url("/Img/Icons/FTL_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.ftl-icon-light {
background: url("/Img/Icons/FTL.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.ltl-menu-icon {
background: url("/Img/Icons/LTL_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.ltl-menu-icon-light {
background: url("/Img/Icons/LTL.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.refrigerated-icon {
background: url("/Img/Icons/Refrigerated_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.refrigerated-icon-light {
background: url("/Img/Icons/Refrigerated.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.hazmat-icon {
background: url("/Img/Icons/Hazmat_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.hazmat-icon-light {
background: url("/Img/Icons/Hazmat.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.oversize-icon {
background: url("/Img/Icons/OversizeLoad_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.oversize-light {
background: url("/Img/Icons/OversizeLoad.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.specialized-icon {
background: url("/Img/Icons/SpecialShipping_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.specialized-icon-light {
background: url("/Img/Icons/SpecialShipping_Dark.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px;
height: 20px !important;
vertical-align: top
}
.specialized-light {
background: url("/Img/Icons/SpecialShipping.svg") no-repeat !important;
background-repeat: no-repeat !important;
display: inline-block !important;
width: 20px !important;
height: 20px;
vertical-align: top;
}
.label_nav_desktop {
padding: 10px;
color: #8e8e8e
}
.menu_desk_selected > a:link, .menu_desk_selected > a:hover, .menu_desk_selected > a:visited {
color: #ffffff !important;
background-color: #2561AA;
}
.menu_desk_selected span {
padding: 4px
}
/*Fixes for slider*/
.anim-dots {
position: absolute;
padding: 10px !important;
text-align: left !important;
width: 20% !important
}
/*Left Nav bar*/
/*------------------------------------*\
eve-styles.css
\*------------------------------------*/
/* Design of Template ResponseEve (eve-styles.css) by Silvia Gamsjäger (SiGa)*/
/*
Twitter: @sg_layout
Author URL: sg-layout.com
Project URL: sg-layout.com
Version: 1.0
Date: January 2012
License: MIT License (X11)
http://www.opensource.org/licenses/MIT
Copyright (c) 2012 Silvia Gamsjäger (SiGa)
You´ll find a copy of the license in the files
you´ve downloaded.
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
html {
}
body {
background: #fff;
}
/*------------------------------------*\
LOGO
\*------------------------------------*/
#logo {
widows: 200px;
height: 53px;
/*margin:31px 0px 0px 0px;*/
margin: 10px;
float: left;
}
/*FR-666 20161219*/
#dicountBannerLogo {
margin: 10px;
}
/*------------------------------------*\
TOP NAVIGATION
\*------------------------------------*/
.nav {
list-style: none;
margin: 0 0 1.5em 0;
}
/*Add a class of centred/centered to create a centred nav.*/
#nav.main {
float: right;
text-align: center;
margin: 0.5em 0 0 0;
padding: 0.4em 0;
}
#nav.main li {
display: inline;
float: none;
}
#nav.main a {
display: inline-block;
padding: 0.6em 1.2em;
background-color: #EFEFEF;
border-radius: 10px;
border-right: 1px solid #bbb;
border-bottom: 2px solid #bbb;
color: #666;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 1px #fff;
font-size: 1.1em;
margin: 0 0 0.6em 0;
}
#nav.main a:hover {
color: #666;
text-shadow: 1px 1px 0px #fff;
background-color: #EAFFC4;
}
#nav.main a.active {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-weight: bold;
background-color: #A5C100;
letter-spacing: 1px;
}
#nav li span {
display: block;
font-size: 10px;
color: #666;
text-shadow: none;
line-height: 8px;
}
/*------------------------------------*\
TYPE
\*------------------------------------*/
/* @font-face kit by Fonts2u (http://www.fonts2u.com/oswald.schriftart) */
/* Font Oswald, SIL-licenced, author Vernon Adams */
/*------------------------------------*\
CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left {
float: left !important;
}
.right {
float: right !important;
}
.intro {
padding: 10px 0;
color: #999;
}
.intro h2 {
letter-spacing: -1px;
text-transform: uppercase;
padding-right: 15px;
margin: 0 0 20px 0;
}
.intro p {
font-family: 'Oswald', Arial, sans-serif;
font-size: 1.9em;
line-height: 1.2em;
letter-spacing: -2px;
padding-right: 15px;
}
.quote {
font-family: Arial, sans-serif;
font-size: 1.4em;
letter-spacing: -1px;
font-style: italic;
line-height: 1.3em;
}
/*a styled quote in addition to blockquote*/
.quote span {
display: block;
font-size: 0.7em;
padding-top: 10px;
font-style: normal;
}
/*Colored boxes, green and grey*/
.green, .grey {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
zoom: 1;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-bottom: 15px !important;
}
.green {
background-color: #EAFFC4;
}
.grey {
background-color: #EFEFEF;
}
.green p, .grey p {
padding: 10px 30px 0;
}
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4 {
border-bottom: 5px solid #fff;
margin-bottom: 0;
}
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4, .green h5, .grey h5, .green h6, .grey h6 {
padding: 0px 30px;
line-height: 1.7em;
}
/*Additional whitespace top,bottom or both for any element. You don´t have to use hr or lots of 