/************************************************************************
#  FIXES
*************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

:focus {
	outline: 0;
}

caption, th, td {
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}
.Clear{clear: both;}

something:after{
content: ".";
height: 0;
display: block;
clear: both;
visibility: hidden;
}

.left, #left, .alignleft, .Left{
	float: left;
}

.right, #right, .alignright, .Right{
	float: right;
}

img{
	max-width:100%;
}
/************************************************************************
#  FIXES
*************************************************************************/


/************************************************************************
#  GLOBAL STUFF
*************************************************************************/
/* Mobile */
.IsMobile{
	display:none;
}
@media screen and (max-width: 768px){
	.IsMobile{
		display:block;
	}
}

/* Text */
body, p, input, select, textarea, li{
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	color:#708daa;
	line-height:1.7;
}

.Text p{
	padding-bottom:30px;
}

b, strong{
	font-weight:700;
}

i{
	font-style:italic;
}

.Text ul{
	list-style: circle;
	padding-bottom:20px;
}
	.Text ul li{
		margin-left:40px;
		margin-bottom: 12px;
	}
.Text ol{
	list-style: decimal;
	padding-bottom:20px;
}
	.Text ol li{
		margin-left:40px;
		margin-bottom: 12px;
	}

a{
	outline:none !important;
}

.Text h2{
	font-weight:600;
	font-size:30px;
	color:#043d75;
	margin-bottom:25px;
	padding-top:20px;
}
.Text h3{
	font-weight:600;
	font-size:25px;
	color:#043d75;
	margin-bottom:20px;
	padding-top:15px;
}

p a:link,
p a:visited,
.Text a:link,
.Text a:visited{
	color:#0075ff;
	text-decoration:underline;
}
p a:hover,
.Text a:hover{
	color:#043d75;
	text-decoration:underline;
}

/* ---------------------------------
Tables
--------------------------------- */
.Text table{
	border-collapse: collapse;
	width:100%;
	margin-bottom:35px;
}
	.Text table th{
		background: #043d75;
		color:#fff;
		padding:12px 20px;
		border-top:none;
		font-weight:500;
		font-size:15px;
	}
	.Text table td{
		border:1px solid #dfeefe;
		padding:12px 20px;
		font-size:15px;
	}
	.Text table tr:nth-child(odd) td{
		background:#fbfdff;
	}
	.Text table tr:nth-child(even) td{
		background:#f6faff;
	}

/* ---------------------------------
Shapes
--------------------------------- */
.Shape.Circle{
	height:60px;
	width:60px;
	border-radius:50px;
}
.Shape.Circle.Big{
	height:80px;
	width:80px;
	border-radius:80px;
}

.Shape.Square{
	height:70px;
	width:70px;
	border-radius:10px;
}
.Shape.Square.Big{
	height:80px;
	width:80px;
	border-radius:10px;
}

.Shape.Triangle {
	position: relative;
	text-align: left;
}
.Shape.Triangle:before,
.Shape.Triangle:after {
	content: '';
	position: absolute;
	background-color: inherit;
}
.Shape.Triangle.Small,
.Shape.Triangle.Small:before,
.Shape.Triangle.Small:after {
	width:  2em;
	height: 2em;
	border-top-right-radius: 30%;
}
.Shape.Triangle,
.Shape.Triangle:before,
.Shape.Triangle:after {
	width:  4em;
	height: 4em;
	border-top-right-radius: 30%;
}
.Shape.Triangle.Big,
.Shape.Triangle.Big:before,
.Shape.Triangle.Big:after {
	width:  6em;
	height: 6em;
	border-top-right-radius: 30%;
}
.Shape.Triangle {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.Shape.Triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.Shape.Triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.Pentagon {
	position: relative;
	width: 54px;
	box-sizing: content-box;
	border-width: 50px 18px 0;
	border-style: solid;
}
.Pentagon:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	top: -85px;
	left: -18px;
	border-width: 0 45px 35px;
	border-style: solid;
}
.Pentagon.Blue{
	border-color:#95b8e3 transparent !important;
}
.Pentagon.Red{
	border-color:#fee2e0 transparent !important;
}
.Pentagon.Yellow{
	border-color:#fff9eb transparent !important;
}
.Pentagon.Blue:before {
	border-color: transparent transparent #dfeeff !important;
}
.Pentagon.Red:before {
	border-color: transparent transparent #fee2e0 !important;
}
.Pentagon.Yellow:before {
	border-color: transparent transparent #fff9eb !important;
}

.Dots{
}
	.Dots td{
		width:20px;
		height:20px;
		text-align: center;
	}
		.Dots .Dot{
			width:3px;
			height:3px; 
			border-radius:3px;
			margin:0 auto;
		}
		.Dots.Blue .Dot{
			background-color:#95b8e3;
		}
		.Dots.Red .Dot{
			background-color:#fee2e0;
		}
		.Dots.Yellow .Dot{
			background-color:#fff9eb;
		}

.Shape.Blue:not(.Pentagon):not(.Dots) {
	background-color:#95b8e3;
}
.Shape.Red:not(.Pentagon):not(.Dots){
	background-color:#fee2e0;
}
.Shape.Yellow:not(.Pentagon):not(.Dots){
	background-color:#fff9eb;
}


/* ---------------------------------
Videos
--------------------------------- */
.VideoContainer {
    position: relative;
}


/* ---------------------------------
Columns (simplegrid.io)
--------------------------------- */
.col-container {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box; 
}
.col-container:after {
	content: "";
	display: table;
	clear: both;
}
	.column,
	.columns {
		width: 100%;
		float: left;
		box-sizing: border-box; 
	}

/* For devices larger than 400px */
@media (min-width: 400px) {
.col-container {
    padding: 0; 
}
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.column,
	.columns {
		margin-left: 4%; 
	}
	.column:first-child,
	.columns:first-child {
		margin-left: 0; 
	}

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%;}

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }
}

/* ---------------------------------
Buttons
--------------------------------- */
.Entry a.Button,
a.Button,
input.Button,
.Button{
	padding: 17px 40px;
	text-align:center;
	border-radius:3px;
	text-decoration:none !important;
	font-size:17px;
	line-height:1.6em;
	display:inline-block;
	width:auto;
	position:relative;
	overflow:visible;
	text-transform:none;
	font-weight:400;
	background:#0075ff;
	border:2px solid #0075ff;
	color:#fff !important;
}
.Entry a.Button{
	padding: 15px 40px;
	font-size:16px;
}
.Entry a.Button:hover,
a.Button:hover,
input.Button:hover,
.Button:hover{
	background:transparent;
	color:#0075ff !important;
}

.Entry a.ButtonBlue,
a.ButtonBlue,
input.ButtonBlue,
.ButtonBlue{
	background:#0075ff;
	border:2px solid #0075ff;
	color:#fff !important;
}
.Entry a.ButtonBlue:hover,
a.ButtonBlue:hover,
input.ButtonBlue:hover,
.ButtonBlue:hover{
	/* background:transparent;
	color:#0075ff !important; */
	background:#043d75;
	border:2px solid #043d75;
	color:#fff !important;
}

/* ---------------------------------
Sections
--------------------------------- */
.Section{
	position: relative;
	padding:125px 0;
}
.SectionBlue{
	background:#dfeeff;
}
.SectionYellow{
	background:#fff9eb;
}
.SectionTitle{
	font-size:38px;
	color:#043d75;
	font-weight:700;
	text-align: center;
	margin-bottom:30px;
}
.SectionGradientRedBlue{
	background-image: linear-gradient(to right, #fdf0f0 , #dfeefe);
}

.SectionTitleSeparator{
	height:4px;
	width:50px;
	background:#0075ff;
	margin:0 auto 30px auto;
}

.SectionSubTitle{
	text-align: center;
	margin:0 auto;
	max-width:600px;
	font-size:18px;
	color:#043d75;
	margin-bottom:50px;
}

/* ---------------------------------
Breadcrumb
--------------------------------- */
.PageBreadcrumb{
	text-align: center;
	font-size:12px;
	padding-bottom:60px;
}
/************************************************************************
#  GLOBAL STUFF
*************************************************************************/


/************************************************************************
#  STRUCTURE
*************************************************************************/
body{
	background:#fff;
}

	.PageWidth{
		max-width:1300px;
		margin:0 auto;
		padding-left:25px !important;
		padding-right:25px !important;
	}
@media screen and (max-width: 650px){
	.PageWidth{
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

	#header-container.BorderBottom{
		border-bottom:1px solid #dfeefe;
		margin-bottom:10px;
	}
		#header{
			padding:40px 0;
		}
		
			#logo{
				float:left;
			}
				#logo-left{
					border-radius:100px;
					background:#0075ff;
					color:#fff;
					font-size:29px;
					letter-spacing: -.1em;
					font-weight:700;
					width:54px;
					height:54px;
					line-height:54px;
					padding:1px 1px 1px 0;
					text-align: center;
					float:left;
				}
				#logo-right{
					font-size:29px;
					letter-spacing: -.05em;
					float:left;
					color:#064486;
					line-height:54px;
					font-weight:700;
				}
			
			#navigation{
				float:right;
				padding-top:15px;
			}
				a.NavLink{
					color:#708daa;
					text-decoration: none;
					font-size:17px;
					font-weight:600;
					margin-right:70px;
				}
				a.NavLink:hover{
					color:#0075ff;
				}
				a.NavSignupLink{
					border:2px solid #0075ff;
					border-radius:6px;
					color:#0075ff;
					text-decoration: none;
					font-size:17px;
					font-weight:600;
					padding:17px 30px;
				}
				a.NavSignupLink:hover{
					background:#DBEAFF;
				}

			#navigation-mobile{
				float:right;
				padding-top:15px;
				display:none;
			}
@media screen and (max-width: 850px){
			#navigation{
				display:none;
			}
			#navigation-mobile{
				display:block;
			}
				#navigation-mobile .NavLink{
					margin:0px;
				}
}

#footer-cta-container{
	background: #fff9eb url('../images/home_blog_bg.png') top center no-repeat;
}
	#footer-cta{
	}
		#footer-cta-inner{
			padding:70px 0;
			text-align: center;
		}
			#footer-cta-button{
				font-size:22px;
				padding:25px 55px;
			}

#footer{
	background:#043d75;
	color:#fff;
	padding:50px 0;
}
	#footer-left{
		float:left;
	}
		#footer-logo-left{
			border-radius:100px;
			background:#fff;
			color:#064486;
			font-size:29px;
			letter-spacing: -.1em;
			font-weight:700;
			width:54px;
			height:54px;
			line-height:54px;
			padding:1px 1px 1px 0;
			text-align: center;
			float:left;
		}
		#footer-logo-right{
			font-size:29px;
			letter-spacing: -.05em;
			float:left;
			color:#fff;
			line-height:54px;
			font-weight:700;
		}
	#footer-right{
		float:right;
	}
		.FooterRightItem{
			float:right;
			margin-left:70px;
			line-height:56px;
		}
/************************************************************************
#  STRUCTURE
*************************************************************************/


/************************************************************************
#  PAGE - HOME
*************************************************************************/
#home-banner{
	padding:70px 0;
}
	#home-banner-left{
		float:left;
		width:40%;
	}
		#home-banner-left h1{
			font-size: 50px;
			line-height:1.6;
			color:#043d75;
			font-weight:800;
			margin-bottom:30px;
		}
		#home-banner-left h1 .Highlight{
			position: relative;
		}
		#home-banner-left h1 .Highlight .HighlightLine{
			position: absolute;
			bottom:5px;
			left:0px;
			width:100%;
			height:20px;
			background:#dfeeff;
		}
		#home-banner-left h1 .Highlight .HighlightText{
			position: relative;
			z-index:2;
		}
		#home-banner-left h2{
			color:#043d75;
			font-size:19px;
			font-weight:600;
			line-height:1.8;
			margin-bottom:45px;
		}
		#home-banner-left a.Button{
			font-size:18px;
			padding: 20px 50px;
		}
	#home-banner-right{
		float:right;
		width:55%;
		text-align:center;
		padding:35px 0;
		position: relative;
	}
		#home-banner-right img{
		}
@media screen and (max-width: 1050px){
		#home-banner-left h1{
			font-size: 40px;
		}
		#home-banner-left h2{
			font-size:17px;
		}
}
@media screen and (max-width: 830px){
#home-banner{
	padding:50px 0 70px 0;
}
	#home-banner-left{
		float:none;
		width:auto;
		text-align:center;
	}
	#home-banner-right{
		float:none;
		width:auto;
		padding:70px 0 20px 0;
	}
}

#home-demo{
}
	#home-demo-video{
		width:100%;
		max-width:900px;
		margin:0 auto;
	}

#home-customers{
}
	.HomeCustomer{
		text-align: center;
	}
		.HomeCustomerTitle{
			color:#043d75;
			font-size:24px;
			font-weight: 700;
			padding-bottom:10px;
		}
		#home-customers-drivers .HomeCustomerTitle{
			padding-bottom:0px;
			position: relative;
			top:10px;
		}
		#home-customers-drivers{
			float:left;
			position: relative;
			left:15%;
		}
		#home-customers-brokers{
			float:right;
			position: relative;
			right:15%;
			padding-top:40px;
		}
		#home-customers-shippers{
			clear:both;
			position: relative;
			right:5%;
			padding-top:30px;
		}
@media screen and (max-width: 1050px){
		#home-customers-drivers{
			left:7%;
		}
		#home-customers-brokers{
			right:7%;
			padding-top:50px;
		}
}
@media screen and (max-width: 815px){
		#home-customers-drivers{
			left:2%;
		}
		#home-customers-brokers{
			right:2%;
			padding-top:50px;
		}
}
@media screen and (max-width: 730px){
		#home-customers-drivers{
			left:13%;
		}
		#home-customers-brokers{
			right:13%;
			clear:left;
		}
}

#home-features{
}
	table.HomeFeature{
	}
		td.HomeFeatureLeft{
			padding-right: 4%;
			width:46%;
		}
			.HomeFeatureLeftMobileImage{
				display: none;
			}
		td.HomeFeatureRight{
			padding-left: 4%;
			width:46%;
		}
		.HomeFeature h1{
			font-size:30px;
			line-height:1.7;
			color:#043d75;
			font-weight:700;
			margin-bottom:20px;
		}
		.HomeFeature h2{
			font-size:18px;
			line-height:1.7;
			color:#043d75;
		}
@media screen and (max-width: 8959px){
	table.HomeFeature td{
		padding-top:25px;
		padding-bottom:25px;
	}
}
@media screen and (max-width: 870px){
		.HomeFeature h1{
			font-size:25px;
		}
		.HomeFeature h2{
			font-size:16px;
		}
}
@media screen and (max-width: 600px){
		.HomeFeature h2{
			margin-bottom:55px;
		}
		table.HomeFeature:last-child h2{
			margin-bottom:0px;
		}

		table.HomeFeature td{
			padding-top:0px;
			padding-bottom:0px;
			text-align:center;
		}

		td.HomeFeatureLeft{
			padding-right: 0%;
			width:100%;
			display:block;
		}
			.HomeFeatureLeftMobileImage{
				display: block;
			}
		td.HomeFeatureRight{
			padding-left: 0%;
			width:100%;
			display:block;
		}
			td.HomeFeatureRight img{
				display: none;
			}
}

#home-quote{
	background: url('../images/home_quote_dots_left.png') top left 5% no-repeat;
}
	#home-quote-inner{
		background: url('../images/home_quote_dots_right.png') bottom right 5% no-repeat;
	}
		.HomeQuote{
			max-width:700px;
			margin:0 auto;
			text-align: center;
			padding:100px 0;
		}
			.HomeQuoteImage{
				height:120px;
				width:120px;
				border-radius:120px;
				background:#ddd;
				margin:0 auto 35px auto;
			}
			.HomeQuoteName{
				font-size:23px;
				color:#043d75;
				font-weight:700;
				margin-bottom:28px;
			}
			.HomeQuoteText{
				font-size:18px;
				color:#043d75;
			}

#home-pricing{
}
	.HomePricingBox{
		background: #fff url('../images/home_pricing_box_header.jpg') top center no-repeat;
		background-size: 100% auto;
		border-radius: 10px;
		box-shadow: 0px 0px 127.89px 19.11px rgba(1, 1, 1, 0.07);
		width:100%;
		max-width: 450px;
		margin:0 auto;
		padding-bottom:50px;
		text-align:center;
	}
		.HomePricingBoxHeader{
			height:200px;
			padding-top:55px;
			text-align: center;
			color:#fff;
			font-weight:600;
		}
			.HomePricingBoxHeaderLine1{
				font-size:18px;
			}
			.HomePricingBoxHeaderLine2{
				font-size:34px;
			}

		.HomePricingItems{
			display:inline-block;
			margin:0 auto;
			padding-bottom:35px;
		}
			.HomePricingItem{
				background: url('../images/global_icon_checkmark_bluegray.svg') left 10px no-repeat;
				background-size:26px;
				padding:10px 25px 10px 40px;
				text-align:left;
			}
@media screen and (max-width: 850px){
		.HomePricingBoxHeader{
			padding-top:35px;
		}
}
@media screen and (max-width: 850px){
			.HomePricingBoxHeaderLine2{
				font-size:28px;
			}
}
@media screen and (max-width: 625px){
		.HomePricingBoxHeader{
			padding-top:25px;
		}
}
@media screen and (max-width: 550px){
	#home-pricing-box-1{
		margin-bottom:45px;
	}
		.HomePricingBoxHeader{
			padding-top:55px;
		}
			.HomePricingBoxHeaderLine2{
				font-size:34px;
			}
}
@media screen and (max-width: 430px){
		.HomePricingBoxHeader{
			padding-top:35px;
		}
			.HomePricingBoxHeaderLine2{
				font-size:30px;
			}
}

#home-learn-container{
	background: #fff9eb url('../images/home_blog_bg.png') top center no-repeat;
}
	#home-learn{
	}
		#home-learn-articles{
			padding:40px 0;
		}
			.HomeArticle{
				float:left;
				width:30%;
				margin-right:5%;
				background:#fff;
				box-shadow: 0px 0px 81px 0px rgba(28, 28, 28, 0.07);
			}
			.HomeArticle:hover{
				box-shadow: 0px 0px 81px 0px rgba(28, 28, 28, 0.15);
			}
			.HomeArticle:nth-child(3n) {
				margin-right:0px;
			}
				.HomeArticleImage{
					height:250px;
					display:block;
				}
				.HomeArticleContent{
					padding:30px;
				}
					a.BlogPostTitle{
						font-size:18px;
						color:#043d75;
						font-weight:700;
						text-decoration:none;
					}
					.BlogPostDescription{
						padding-top:15px;
					}
@media screen and (max-width: 950px){
			.HomeArticle{
				float:none;
				width:auto;
				margin-right:0%;
				margin-bottom:50px;
			}
}
		
/************************************************************************
#  PAGE - HOME
*************************************************************************/


		
/************************************************************************
#  PAGE - LEARN
*************************************************************************/
h1#learn-post-title{
	text-align: center;
	font-size:50px;
	color:#043d75;
	margin-bottom:22px;
	font-weight:700;
}

#learn-post-separator{
	height:4px;
	width:50px;
	background:#0075ff;
	margin:0 auto 30px auto;
}

h2#learn-post-subtitle{
	text-align: center;
	font-size:23px;
	color:#3874af;
	max-width:700px;
	margin:0 auto 70px auto;
}

#learn-content{
}

/************************************************************************
#  PAGE - LEARN
*************************************************************************/