@charset "utf-8";

/* CSS Document */



a {

	display: block;

	text-decoration: none;	

}

h1, h2, h3, h4, h5, h6 {

	margin: 0px;

}

img {

	border: none;	

}

li {

	float: left;

	text-transform: uppercase;	

}

ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;	

}

textarea {

	resize: none;	

}



body {

	width: 100%;

	margin: auto;

	padding: 0px;

 	background: url(../img/background/main-background.jpg) no-repeat;

	background-size: cover;

	font-family: 'Helvetica-Normal';

	font-size: 14px;

	color: #FFF;

}

.lfloat {

	float: left;

}

.rfloat {

	float: right;

}



#background {

	position: relative;

	z-index: -1;

	top: 481px;

}

.path {

	position: absolute;

	width: 1280px;

}

.first.path {

	width: 833px;

	height: 797px;

	background: url(../img/background/path-1.png);

	top: 120px;

}

.second.path {

	height: 2517px;

	background: url(../img/background/path-2.png);

}

.third.path {

	height: 2049px;

	background: url(../img/background/path-3.png);

	top: 470px;

}

.fourth.path {

	height: 1452px;

	background: url(../img/background/path-4.png);

	top: 1068px;

}

.fifth.path {

	height: 796px;

	background: url(../img/background/path-5.png);

	top: 1677px;

}



#header {
	min-height:643px;

	height: 751px;

	position: relative;

}

.wrapper {

	width: 1020px;

	margin: auto;

	display: table;

}

.landing-home {

	width: 100%;
	min-height:643px;

	height: 100%;

	background: url(../img/landing-home.jpg) no-repeat;

	background-size: cover;

}

.landing-home .content {

	margin: auto;

	display: table;

	padding-top: 196px;

}

.landing-home .logo {

	width: 167px;

	height: 126px;

	margin: auto;
	opacity : 0;
	

}

.landing-home .text {

	font-weight: bold;

	text-align: center;
	opacity:0;

	text-transform: uppercase;

}

.landing-home .name {

	font-family: 'Arial';

	font-size: 50px;

	color: #EC1B24;

	letter-spacing: 2px;

	margin-top: 20px;

}

.landing-home .motto {

	font-size: 20px;

	color: #FFF;

	text-shadow: 2px 2px 1px #000;

	margin-top: 10px;

}

.scroll-down {

	display: inherit;

	margin: auto;

	margin-top: 70px;

}

.scroll-down .arrow {

	width: 39px;

	height: 39px;

	background: url(../img/button/scroll-down.png) no-repeat center;

	margin: auto;

	border: 1px solid #6FCDAD;

	border-radius: 20px;

}

.scroll-down span {

	color: #FFF;

	line-height: 36px;

}

.menu-container {

	width: 100%;

	height: 70px;

	background: url(../img/background/menu.jpg);

	position: absolute;

	top: 681px;

}

.menu-container .logo {

	width: 420px;

	height: inherit;

}

.menu-container .logo a {

	width: 420px;

}

.menu-container .menu {

	margin-left: 8px;

}

.menu-container ul {

	display: table;

}

.menu-container li {

	margin: 27px 33px 0px 0px;

}

.menu-container li.last {

	margin-right: 0px;

}

.menu-container li a {

	color: #FFF;

}

.menu-container li a:hover, .menu-container li a.current {

	border-bottom: 3px solid #A2D161;

	padding-bottom: 25px;

}

.fixed {

	position: fixed;

	top: 0px;

}



#content {

	width: 100%;

	display: table;

}

.about-us {

	margin-top: 100px;

	display: table;

}

.about-us .container-truck, .about-us .article {

	float: left;

}
.container-truck, .about-us .article h2, .about-us .article p{
	opacity:0;
}

.maps-wrap{
	opacity:0;
}

.about-us h2 {

	font-size: 56px;

	color: #003D84;

	margin-top: 42px;

	text-transform: uppercase;

}

.about-us .desc {

	width: 591px;

	margin-top: 8px;

	color: #333;

	line-height: 24px;

}

.scope-of-service, .truck-forces, .contact-us {

	margin-top: 160px;

}

.scope-of-service .container {

	margin: auto;

	display: table;

}

.scope-of-service .maps-slideshow {

	width: 882px;

	height: 324px;

}

.scope-of-service .maps-describer {

	display: table;

	margin: auto;

}

.scope-of-service .description {

	display: table;

	margin: auto;

	line-height: 40px;

}

.scope-of-service .description .number {

	width: 34px;

	height: 34px;

	float: left;

	border: 3px solid #A6CC65;

	font-size: 28px;

	text-align: center;

}

.scope-of-service .description .desc {

	float: left;

	margin-left: 10px;

	width:800px;

}

.scope-of-service .controller {

	display: table;

	margin: auto;

	margin-top: 45px;

	margin-bottom: 60px;

}

.scope-of-service .controller a {

	width: 14px;

	height: 14px;

	float: left;

	background: url(../img/button/controller.png) -20px 0px;

	margin: 0px 3px;

}

.scope-of-service .controller a:hover, .scope-of-service .controller a.active {

	background-position: 0px 0px;

}

.truck-forces .container {

	margin: auto;

	padding: 111px 0px 144px 0px;

	display: table;

}

.truck-forces .box {

	width: 234px;

	height: 270px;

	float: left;

	background: transparent;

	border: 3px solid #013D84;

	margin: 0px 25px;
	opacity:0;

}

.truck-forces .details {

	height: 198px;

	background: #013D84;

	margin: 1px;

	padding: 35px 15px;

	text-align: center;

}

.truck-forces .image {

	width: 206px;

	height: 65px;

	margin: auto;

}

.truck-forces .image img {

	margin-top: 40px;

}

.truck-forces .name {

	font-size: 18px;

	margin-top: 30px;

}

.truck-forces .total-units {

}

.truck-forces .total-units span {

	font-size: 56px;

	color: #0488D0;

}

.contact-us .container {

	width: 920px;

	margin: auto;

	display: table;

	padding-bottom: 94px;

}

.contact-us .our-contact {

	width: 350px;

	float: left;

}

.contact-us .field {

	border-top: 1px solid #A5CC65;

	display: table;

	width: inherit;

	padding: 8px 0px;

}

.contact-us .field img {

	vertical-align: middle;

	margin-right: 10px;

}

.contact-us .address {

	border-top: none;

	padding: 0px 0px 10px 0px;

}

.contact-us .icon, .contact-us .content {

	float: left;

}

.contact-us .icon {

	margin-top: 15px;

}

.contact-us .content {

	width: 320px;

}

.contact-us .address span {

	color: #A1D160;

}

.contact-us .message-us {

	float: right;

}

.contact-us h3 {

	font-size: 28px;

	text-transform: uppercase;

}

.contact-us .box {

	margin-top: 18px;

}

.contact-us .text {

	margin-bottom: 2px;

}

.contact-us .form {

	width: 390px;

	position: relative;

}

.contact-us input, .contact-us textarea {

	width: 376px;

	padding: 0px 6px;

	background: none;

	border: 1px solid #A5CC65;

	outline: none;

	color: #FFF;

}

.contact-us input {

	height: 28px;

}

.contact-us textarea {

	height: 91px;

	padding: 6px;

	font-family: 'Helvetica-Normal';

}

.contact-us .send-button {

	width: 75px;

	height: 30px;

	float: left;

	margin-top: 10px;

	text-align: center;

	text-transform: uppercase;

}

.contact-us .send-button a {

	width: 75px;

	height: 30px;

	background: #A5CC65;

	color: #FFF;

	line-height: 33px;

}



.contact-us label.error {

	color: red;

	position: absolute;

	font-size: 11px;

	right: 3px;

	top: 7px;

}



/* Font Face */

@font-face {

	font-family: 'Helvetica-Normal';

	src: url('../fonts/Helvetica-Normal.eot?') format('eot'), 

	     url('../fonts/Helvetica-Normal.woff') format('woff'), 

	     url('../fonts/Helvetica-Normal.ttf')  format('truetype'),

	     url('../fonts/Helvetica-Normal.svg#Helvetica-Normal') format('svg');

}

@media all and (max-width:1150px) {
	.about-us .desc { width:380px; }
}