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

.caret {
	float: right;
	margin-top:13px;
}

@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu {
    	display: block;
 	}
}
 
 /*Modify max-width for break-down to mobile at large size*/
 @media (max-width: 991px) {
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	.navbar-collapse.collapse {
       display: none!important;
		padding: 0;
    }
	.collapse.in{
  		display:block !important;
	}
	.navbar-toggle {
      	display: block;
		position: relative;
		float: right;
		margin-right: 15px;
		padding: 9px 10px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
    }
	.navbar-header {
      	float: none;
		margin: 0 !Important;
    }
}


/*MENU STYLES START HERE*/

#MenuWrapper {
	background: yellow;	
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
	background-color: #C6C6C6;
	border-color: #FFF;
}

.navbar-inverse .navbar-toggle:hover {
	background-color: #E6E6E6;
	color: #333;
}
.navbar-inverse .navbar-toggle:focus .icon-bar {
	background-color: #E6E6E6;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
	background-color: #333;
}

#MainMenu {
	background-color: #C30E2E !Important;
  	border: none;
	  margin: 0 auto;
	  display: none;
}

@media (min-width: 991px) {
	#MainMenu {
		z-index: 900;
  		position: absolute;
		top:0;
		left: 0;
		right: 0;
		width: 29%;
		min-width: 513px;	
		background-color: transparent !Important;
	}
}

@media (max-width: 991px) {
	#MainMenu {
		padding: 0;
	}
}

#MainMenuContainer,#MainMenuCollapse,#MainMenuInner-fluid {
	padding: 0;
	overflow: visible;
	max-height: none;
}

#MainMenuContainer {
	
}

@media (min-width: 992px) {
	#MainMenuContainer {
		width: 100%;
		height: 0;
	  	padding-bottom: 35.5%;
	  	padding-bottom: 17.5%;
  		position: relative;
	}
}

#MainMenuCollapse {
	
}

@media (max-width: 991px) {
	#MainMenuCollapse {
		margin: 0;	
		max-width: 100%;
	}
}

#MainMenuContainer>.navbar {
	margin-bottom:0;	
	border:0;
	position:static;
}

.ie8 #MainMenuContainer>.navbar {
	
}

#MainMenuList {
	margin: 0;
}
@media (min-width: 992px) {
	#MainMenuList {
		float: none;
		margin-top: 0px;
		text-align: center;
		display: table;
		width: 100%;
	}
}

@media (max-width: 991px) {
	#MainMenuList {
		width: 100%;
		margin-top: 0px;
	}
}


/* MAIN MENU ITEMS */


#MainMenuList li.main-menu-list-item {
	border-bottom: solid #FFF 1px;
	width:100%;
	float:none;		
}

#MainMenuList li.menu-break {
  	color: #FFF;
}

@media (min-width: 992px) {
	#MainMenuList li.menu-break {
		position: absolute;
	}
}

@media (min-width: 992px) {
	#MainMenuList li.main-menu-list-item:nth-of-type(1) {
		-ms-transform: rotate(31deg);
		-webkit-transform: rotate(31deg);
		transform: rotate(31deg);
		top: 51%;
		top: 104%;
		left: 3%;
	}
	
	#MainMenuList li.menu-break:nth-of-type(2) {
		-ms-transform: rotate(25deg);
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
		top: 64.5%;
		top: 132.5%;
		left: 21.5%;
	 }
	
	#MainMenuList li.main-menu-list-item:nth-of-type(3) {
		-ms-transform: rotate(17deg);
		-webkit-transform: rotate(17deg);
		transform: rotate(17deg);
		top: 73.5%;
		top: 149.5%;
		left: 21%;
	}
	
	#MainMenuList li.menu-break:nth-of-type(4) {
		-ms-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
		top: 79%;
		top: 162%;
		left: 40%;
	}
	
	#MainMenuList li.main-menu-list-item:nth-of-type(5) {
		top: 80%;
		top: 164%;
		left: 41%;
	}
	
	#MainMenuList li.menu-break:nth-of-type(6) {
		-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		top: 79%;
		top: 162%;
		right: 38%;
	}
	
	
	#MainMenuList li.main-menu-list-item:nth-of-type(7) {
		-ms-transform: rotate(-17deg);
		-webkit-transform: rotate(-17deg);
		transform: rotate(-17deg);
		top: 72.5%;
		top: 149.5%;
		right: 20%;
	}
	
	#MainMenuList li.menu-break:nth-of-type(8) {
		-ms-transform: rotate(-25deg);
		-webkit-transform: rotate(-25deg);
		transform: rotate(-25deg);
		top: 64.5%;
		top: 132.5%;
		right: 21.5%;
	}
	
	#MainMenuList li.main-menu-list-item:nth-of-type(9) {
		-ms-transform: rotate(-31deg);
		-webkit-transform: rotate(-31deg);
		transform: rotate(-31deg);
		top: 51%;
		top: 104%;
		right: 3%;
	}
}

.ie8 #MainMenuList li.main-menu-list-item {
	display:block !important;
	float:left !important;
	text-align:center;
	width:9.6%;
}

@media (min-width: 992px) {
	#MainMenuList li.main-menu-list-item {
		float: none;
		position: absolute;
		width: 20%;
		border-bottom:0;
		z-index: 10000;
	}
}

#MainMenuList li.main-menu-list-item>a {
	color: #FFF; 	
  	display: block;
  	text-transform: uppercase;
  	font-size:1em;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

@media (min-width: 992px) {
	#MainMenuList li.main-menu-list-item>a {
		padding: 0;
		font-size: 0.8em;
	}
}

@media (min-width: 1800px) {
	#MainMenuList li.main-menu-list-item>a {
  		font-size: 0.85em;
	}
}

@media (min-width: 2400px) {
	#MainMenuList li.main-menu-list-item>a {
  		font-size: 1em;
	}
}

#MainMenuList li.main-menu-list-item>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #FFFFFF !Important;
  	background: #0A2262 !Important;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #FFFFFF !Important;
}

@media(min-width:992px) {
	#MainMenuList li.main-menu-list-item>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
		color: #000 !Important;	
		background: transparent !Important;
	}
}



@media (max-width:991px) {
	#MainMenuList li.main-menu-list-item>a {
		/*background: #FFF;
		line-height: 30px;
		*/
		padding: 10px 15px;
		width:100%;
	}
}

.first-menu-item {
	
}

.last-menu-item {
	
}


/* SUBMENU ITEMS */

#MainMenuList ul.dropdown-menu {
	background:#FFFFFF;
	border: none !Important;
	padding-top: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#MainMenuList ul.dropdown-menu {
		margin-top: 15px;
	}
}

@media (max-width:991px) {
	#MainMenuList ul.dropdown-menu {
		padding: 0;
		width: 100%;
		position: static;
		float: none;	
	}
}

#MainMenuList ul.dropdown-menu>li {
	list-style:none;
}

#MainMenuList ul.dropdown-menu>li>a {
	color:#8D8D8D;
	text-align: left;
	padding: 5px 20px 5px 20px;
	border-top: 1px solid #C6C6C6;
	text-transform:uppercase;
}

@media (max-width:991px) {
	#MainMenuList ul.dropdown-menu>li>a {
		padding: 10px 10px 10px 20px;
	}
}

#MainMenuList ul.dropdown-menu>li>a:hover {
	color:#0A2262;
	background:#C6C6C6;
}

.dropdown-menu#SpecialDropDownMenu {
	display:none;
}	

@media (min-width:992px) {
	.dropdown-menu#SpecialDropDownMenu {	 
		z-index: 600;
	  	float: none;
	  	background: url(../../content/images/submenu.png)bottom center no-repeat;
	  	background-size: cover;
	  	border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	  	width: 24%;
	 	min-width: 473px;
 		height: 124px;
		padding: 0;
		top: 64.5%;
		top: 110px;
	  	left: 0;
	  	right: 0;
	  	margin: 0 auto;
	}
}

@media (min-width:1367px) {
	.dropdown-menu#SpecialDropDownMenu {
		top: 123.5%;
	}
}

@media (min-width:1850px) {
.dropdown-menu#SpecialDropDownMenu {	 
	  	padding: 0 0 6.7% 0;
		height:0;
	}
}

@media (min-width:992px) {
	.dropdown-menu#SpecialDropDownMenu::after {	
		content: " ";
		background: url(../../content/images/submenu-image.jpg)bottom center no-repeat #FFF;
		width: 100%;
		position: absolute;
		bottom: -76%;
  		height: 76%;
		left: 0;
		text-align: left;
		font-size: 0.9em;
		padding: 4% 37% 2% 2%;
		color: #EFEFEF;
		line-height: 1.1em;
  		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  		letter-spacing: 1px;
	}
	.dropdown-menu.same-day#SpecialDropDownMenu::after {	
		content: "The more attention your same day shipment needs, the better fit we are for your company.";	
	}
	.dropdown-menu.overnight#SpecialDropDownMenu::after {	
		content: "We have a responsibility to our people, our customers and the highways we run, to operate safely and to exacting schedules.";	
	}
	.dropdown-menu.consolidation#SpecialDropDownMenu::after {	
		content: "Acting as a destination terminal for the inbound logistics requirements of our customers is one of our strengths and a growing specialty.";	
	}
	.dropdown-menu.ltl-freight#SpecialDropDownMenu::after {	
		content: "We find the hybrid approach of operating our own fleet and utilizing non asset-based resources works best.";	
	}
}

@media (min-width:992px) {
	.dropdown-menu#SpecialDropDownMenu li {	
		width: 23%;
  		float: left;
  		position: absolute;
  		bottom: 0;
		padding: 1% 0 1% 2%;
	}
	
	.dropdown-menu#SpecialDropDownMenu li a:hover {	
		background:transparent;
		color:#C30E2E;
	}
	
	.dropdown-menu#SpecialDropDownMenu li:hover::after {	
		content:"";
		background:#C30E2E;
		height:0.5em;
		width:100%;
		position:absolute;
		bottom:-0.5em;
		z-index: 100;
  		left: 0;
	}
	
	.dropdown-menu#SpecialDropDownMenu li:nth-child(1) {	
		left:0;
		width:18%;
	}
	
	.dropdown-menu#SpecialDropDownMenu li:nth-child(2) {	
		left:20%;
	}
	
	.dropdown-menu#SpecialDropDownMenu li:nth-child(3) {	
		right:25%;
		width:28%;
	}
	
	.dropdown-menu#SpecialDropDownMenu li:nth-child(4) {	
		right:0;
	}
	
	.dropdown-menu#SpecialDropDownMenu li a{	
		text-transform: uppercase;
		white-space: normal;
		line-height: 1em;
		font-size: 0.8em;
		padding:0;
  		letter-spacing: 1px;
  	}
}


@media (min-width:1800px) {
	 .dropdown-menu#SpecialDropDownMenu li a {
	 	font-size: 0.9em;
	}
}